/*GrungePink*/
/*GENERAL*/

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #A7A7A7;
	font-size : 12px;
	line-height: 15px;
	text-align: left;
	background-color: #3e3e3e;
}

img {
	border: 0px;
}

h1 {
	font-size : 16px;
	line-height: 18px;
}

a {
	color: #A7A7A7;
	font-size: 12px;
	text-decoration: underline;
	background : transparent;
}
a:hover {
	color: #ff0000;
	font-size: 12px;
	text-decoration: underline;
	background : transparent;
}

.page {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: url(fond-page.jpg) repeat-y 50% 50%;
	border: 0px #FFFFFF solid;
}
.page-telecharger {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: url(fond-page.jpg) repeat-y 50% 50%;
	border: 0px #FFFFFF solid;
}

/* VIDEO*/

.tete {
	width: 762px;
	height: 355px;
	margin-right: auto;
	margin-left: auto;
	background: url(fond-tete.jpg) no-repeat 0 0;
	border: 0px #FFFFFF solid;
}

.cale {
	/*height: 188px;*/
}

.pagination-tete {
	width: 370px;
	height: 40px;
	margin-left: 25px;
	margin-top: 300px;
	line-height: 35px;
	text-align:left;
	border: 0px #FFFFFF solid;
}

.menu {
	width: 370px;
	height: 40px;
	margin-left: 25px;
	margin-top: -40px;
	line-height: 35px;
	text-align:left;
	border: 0px #FFFFFF solid;
}

.menu2 {
	width: 600px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	line-height: 35px;
	text-align:center;
	border: 0px #FFFFFF solid;
}

.menu-off {
	color:#000000;
	font-size : 13px;
	font-weight: 900;
	margin-left: 10px;
}
.menu-off:hover {
	color:#000000;
	font-size : 13px;
	font-weight: 900;
	margin-left: 10px;
}
.menu-on {
	color:#ffffff;
	font-size : 13px;
	font-weight: 900;
	margin-left: 10px;
}
.menu-on:hover {
	color:#ffffff;
	font-size : 13px;
	font-weight: 900;
	margin-left: 10px;
}

.videos {
	width: 762px;
	margin-right: auto;
	margin-left: auto;
	border: 0px #FFFFFF solid;
}

.videos-tete {
	width: 691px;
	height: 46px;
	margin-right: auto;
	margin-left: auto;
	line-height: 40px;
	text-align: left;
	padding-left: 10px;
	background: url(fond-video-tete.jpg) no-repeat 0px 0px;
	border-bottom: 1px #5e1848 solid;
}

.mateex {
	color:#c7c7be;
	font-size : 13px;
	font-weight: 900;
	text-transform : uppercase;
	text-decoration : none;
	float: right;
	margin-right: 10px;
}
.mateex:hover {
	color:#ff0000;
	font-size : 13px;
	font-weight: 900;
	text-transform : uppercase;
	text-decoration : none;
	float: right;
	margin-right: 10px;
}

.videos-corps {
	width: 701px;
	margin-right: auto;
	margin-left: auto;
	font-size : 1px;
	background-color: #5e1848;
	text-align: center;
}
.videos-corps img {
	border: 1px solid #ffffff;
	margin-bottom: 2px;
}

.videos-description {
	width: 190px;
	height: 255px;
	float: left;
	color: #FFFFFF;
	margin-left: 5px;
	font-size : 13px;
	text-align: justify;
	font-weight: 300;
	border: 0px solid #ffffff;
}


.videos-pied {
	width: 701px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	text-align: center;
	background: url(fond-video-pied.jpg) no-repeat 0px 0px;
	border-top: 1px #5e1848 solid;
}

.pied {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -30px;
	padding-bottom: 5px;
	color:#423f41;
	text-align: right;
	border: 0px #341c22 solid;
}

.pagination-pied {
	width: 650px;
	padding-bottom: 50px;
	text-align: center;
	border: 0px #FFFFFF solid;
}

.pied a {
	color:#423f41;
	font-size: 12px;
	text-decoration: underline;
	margin-right: 10px;
	background : transparent;
}
.pied a:hover {
	color:#423f41;
	font-size: 12px;
	margin-right: 10px;
	text-decoration: underline;
	background : transparent;
}