* {font-family:Verdana;font-size:11px;color:#000000;margin:0;padding:0;border:0;}
body {background: #7BE5FC url(graphics/fond.gif) repeat-x;margin:0px;height:100%;}

/* Common styles
-------------------------------------------------------- */
ul { list-style: none; }
ul li { list-style: none; }

img {border:0px;}
.thumb {border:1px solid #FA8513;}
input {border:1px solid #000000; color: #000000; background-color: #7BE5FC;}
a:link, a:visited { color: #000000; text-decoration: none;}
a:hover { text-decoration: underline;}

/* Page
-------------------------------------------------------- */
#page {
	width: 750px;
	margin: 0 auto;
	position: relative;
	background: transparent;
	border-right: 1px solid #04CEFA;
	border-left: 1px solid #04CEFA;
	background-color: #FFFFFF;
}

/* Header
-------------------------------------------------------- */
#header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	top: 0px!important;
	width: 750px;
	height: 188px;
	background: transparent url("graphics/header.jpg") 0 0;
	background-repeat: no-repeat;
}

#header_index {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	top: 0px!important;
	width: 750px;
	height: 188px;
	background: transparent url("graphics/header_index.jpg") 0 0;
	background-repeat: no-repeat;
}

#header h1{
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: auto;
	font-weight: bold;
	font-size: 36px;
	color: #FFFFFF;
	background-color: black;
}

/* Favoris
-------------------------------------------------------- */
#favoris {
	width: 245px;
	height: 50px;
	position: absolute;
	top: 29px;
	right: 0px;
	padding: 0px;
	color: #CAE4FC;
	text-align: center;
}

/* Barre
-------------------------------------------------------- */
#barre {
	width: 750px;
	height: 29px;
	background: transparent url(graphics/footer-bg.gif) no-repeat 0 0;
	margin: 0px;
}
	#barre p {
		color: #FFFFFF;
		padding: 10px 0 0 30px;
		text-align: left;
		font-weight: bold;
		font-size: 10px;
	}

	#barre a:link, #barre a:visited { font-size: 10px; color: #FFFFFF; text-decoration: none; }
	#barre a:hover, #barre a:active { text-decoration: underline; }

/* Wrappers
-------------------------------------------------------- */
#wrapper {
	width: 750px;
	margin: 0 auto;
}

#main {
	width: 730px;
	margin: 0 auto;
}

#top {
	width: 750px;
}

/* Classes
-------------------------------------------------------- */
#banner { color: #FFFFFF; text-align: center; margin: 15px; }

.content{
	width:730px;
	margin: 0px auto;
}

.myhr{
	padding: 0px 0px 5px 0px;
	clear:both;
	visibility:hidden;
}

.videotop {
	border-bottom:2px solid #04CEFA;
	border-top:2px solid #04CEFA;
	background-color:#FFFFFF;
	width:auto;
	padding:3px;
	margin-top:15px;
	margin-bottom:0px;
	color: #000000;
	letter-spacing:2px;
}

.videotop h2 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}

.videotop a:link, .videotop a:visited { font-size: 20px; text-decoration: none; }
.videotop a:hover, .videotop a:active { text-decoration: none; }

.videoinfos {
	border-bottom:2px solid #04CEFA;
	background-color:#FA8513;
	width:auto;
	padding:3px;
	color: #000000;
	text-align:center;
	font-size:12px;
	font-weight: bold;
	letter-spacing:3px;
	text-transform:uppercase;
}

.minithumbs {
	float:left;
	padding: 0px 9px;
}

.minithumbspdv {
	float:left;
	padding: 0px 6px;
}

.bigthumbs {
	float:left;
	padding: 0px 15px;
}

.videocontent {
	margin: 0px;
	padding: 10px 10px 0px 10px;
	border-right:2px solid #04CEFA;
	border-left:2px solid #04CEFA;
	background-color:#7BE5FC;
}

.videocontent a:link, #videocontent a:visited { color: #000000; text-decoration: none; }
.videocontent a:hover { text-decoration: none; }

#videocontentpdv {
	margin: 0px;
	padding: 10px 10px 0px 10px;
	border-right:2px solid #04CEFA;
	border-left:2px solid #04CEFA;
	border-bottom:2px solid #04CEFA;
	background-color:#7BE5FC;
}

#videocontentpdv a:link, #videocontent a:visited { color: #000000; text-decoration: none; }
#videocontentpdv a:hover { text-decoration: none; }

#pdvtop {
	border-top:2px solid #04CEFA;
	background-color:#FFFFFF;
	width:auto;
	padding:3px;
	margin-top:15px;
	margin-bottom:0px;
	color: #000000;
	letter-spacing:2px;
}

#pdvtop h2 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}

#pdv {
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
	border:2px solid #04CEFA;
	background-color:#FA8513;
	text-align: center;
}

.paiement {
	float: left;
	width: 319px;
	margin: 5px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #04CEFA;
	background-color: #7BE5FC;
	text-align: left;
}

.paiement ul li a {
	text-decoration: underline;
}

.paiement ul li a:hover {
	text-decoration: none;
}

.contenttop {
	border-bottom:2px solid #04CEFA;
	border-top:2px solid #04CEFA;
	background-color:#FFFFFF;
	width:auto;
	padding:3px;
	margin-top:15px;
	margin-bottom:0px;
	color: #000000;
	letter-spacing:2px;
}

.contenttop h2 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}

.contenttop h3 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}

.contenterror {
	margin: 0px;
	padding: 10px;
	border-right:2px solid #04CEFA;
	border-left:2px solid #04CEFA;
	border-bottom:2px solid #04CEFA;
	background-color:#7BE5FC;
}

#code {
	border-bottom:2px solid #04CEFA;
	background-color:#FFFFFF;
	font-size: 18px;
	width:auto;
	padding:3px;
	text-align: center;
	color: #000000;
}

#code span {
	font-size: 13px;
}

#Nav {
	border-top:2px solid #04CEFA;
	border-bottom:2px solid #04CEFA;
	margin: 10px 0px 0 0;
	padding:3px;
	text-align: center;
	color: #000000;
}

#Nav span {
	font-size: 12px;
}

#Nav a {
	font-size: 12px;
	padding: 5px;
}

#Nav strong {
	font-size: 12px;
	padding: 2px;
}

.videofoot {
	border-top:2px solid #04CEFA;
	border-bottom:2px solid #04CEFA;
	background-color:#FA8513;
	width:auto;
	padding:3px;
	color: #000000;
	text-align:center;
	font-size:12px;
	font-weight: bold;
	letter-spacing:3px;
	text-transform:uppercase;
}

	a.videofoot {text-decoration:none;}
	a.videofoot:hover {text-decoration:underline;}

#topmenu { margin: 0px; height: 49px; background: transparent url("graphics/menu.gif") 50% 50% no-repeat; color: #000000; text-align:center; }

#topmenu a:link, #topmenu a:visited { font-size: 15px; text-decoration: none; }
#topmenu a:hover { text-decoration: underline; }

#topmenu h1 {
	color: #000000;
	padding: 15px;
	margin: 0px;
	text-align: center;
}

#milieu { margin: 0px; color: #FFFFFF; text-align: center; }

#milieu h2 {
	color: #000000;
	font-size: 22px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#entrer {margin: 10px;}
#entrer a{font-size:25px;font-weight:bold;font-family:Verdana;color:#7BE5FC;text-decoration:underline;}
#entrer a:hover{font-size:25px;font-weight:bold;font-family:Verdana;color:#000000;text-decoration:underline;}
#sortir {margin: 10px;}
#sortir a{font-size:18px;font-weight:bold;font-family:Verdana;color:#000000;text-decoration:none;}
#sortir a:hover{font-size:18px;font-weight:bold;font-family:Verdana;color:#000000;text-decoration:none;}

#video {
	width: 320px;
	height: 240px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/* Footer
-------------------------------------------------------- */
#bottom {
	width: 750px;
	height: 117px;
	background: transparent url(graphics/bottom-bg.gif) no-repeat 0 0;
	clear: both;
	margin: 0px;
}

#footer {
	width: 750px;
	height: 29px;
	background: transparent url(graphics/footer-bg.gif) no-repeat 0 0;
	clear: both;
	margin: 0px;
}
	#footer p {
		color: #FFFFFF;
		padding: 6px 0;
		text-align: center;
		font-weight: bold;
		font-size: 10px;
	}
		#footer p a:link, #footer p a:visited { color: #000000; text-decoration: underline; font-size: 10px; }
		#footer p a:hover { text-decoration: none; }