/* CSS 11 Juin 2009 - DavidP */

/* General */
body {
	background-color:#ce0057;
	}
body, * {
	padding:0;
	margin:0 auto;
	font: normal 11px Tahoma, Arial, Verdana, Helvetica;
	color:#fff;
	line-height:16px;
}
a {
	font: bold 11px Tahoma, Arial, Verdana, Helvetica;
	color:#fff;
}
a:hover {
	color:#520023;
	text-decoration:none;
}
.layer { position:absolute; top:0px; right:0px; }

.loading-background {
	background: url(../images/loader.gif) no-repeat 50% 50%;
}

.back80120 {
	z-index:0;
	position:absolute;
	overflow:hidden;
	width:80px;
	height:120px;
}
.over80120 {
	z-index:1;
	position:relative;
	width:80px;
	height:120px;
}

.sprite-9090 {
	background: url(../images/sprites-tn.gif) no-repeat 0px 0px;
	width: 90px;
	height: 90px;
	display: block;
}
.sprite-140102 {
	background: url(../images/sprites-tn.gif) no-repeat 0px -90px;
	width: 140px;
	height: 102px;
	display: block;
}
.sprite-140102off {
	background: url(../images/sprites-tn.gif) no-repeat -140px -90px;
	width: 140px;
	height: 102px;
	display: block;
}
.sprite-10890 {
	background: url(../images/sprites-tn.gif) no-repeat -90px 0px;
	width: 108px;
	height: 90px;
	display: block;
}
.sprite-80120 {
	background: url(../images/sprites-tn.gif) no-repeat 0px -192px;
	width: 80px;
	height: 120px;
	display: block;
}
.sprite-142112 {
	background: url(../images/sprites-tn.gif) no-repeat -80px -192px;
	width: 142px;
	height: 112px;
	display: block;
}
.sprite-142112b {
	background: url(../images/sprites-tn.gif) no-repeat -80px -304px;
	width: 142px;
	height: 112px;
	display: block;
}

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
	}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
	}


/* Page acceuil */
.hdr-pad { margin:0; padding: 70px 23px 0 0; text-align:right; }
.pad-click {padding:10px  0 0 0; text-align:center;}
.big-number {
	font:normal 22px Tahoma, Arial, Verdana, Helvetica;
	color:#fff;
	padding: 3px 0 0 0;
}
.mini-text {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica;
	color:#fff;
	text-transform:uppercase;
}
.desc { font: normal 10px Tahoma, Arial, Verdana, Helvetica; color: #fff; }
.desc b { font: bold 11px Tahoma, Arial, Verdana, Helvetica; }
.desc a {color:#fff;padding: 2px 2px;}
.desc a:hover { text-decoration:none;background-color:#d6c315;color:#520023; }
.pagination { font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#fff;text-align:center; padding: 8px 0;}
.pagination a {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#fff;
	text-decoration:none;
	background:#cf0059 url(../images/bkpagination-over.gif) repeat-x;
	padding: 2px 4px 4px 4px;
	margin: 0 3px;
	border:1px solid #2e0014;
}
.pagination a:hover {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#2e0014;
	text-decoration:none;
	background:#e68ab1 url(../images/bkpagination.gif) repeat-x;
	padding: 2px 4px 4px 4px;
	margin: 0 3px;
	border:1px solid #fff;
}

/* Page les-profils */
.desc2 { font: normal 10px Tahoma, Arial, Verdana, Helvetica; color: #333; }
.desc2 b { font: bold 11px Tahoma, Arial, Verdana, Helvetica; color:#000; }
.desc2 a {color:#000;padding: 2px 2px;}
.desc2 a:hover { color:#520023; background-color:#d6c315; text-decoration:none; }
.pagination2 { font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#333;text-align:center; padding: 18px 0; margin: 0 0 10 0}
.pagination2 a {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#fff;
	text-decoration:none;
	background:#cf0059 url(../images/bkpagination-over.gif) repeat-x;
	padding: 2px 4px 4px 4px;
	margin: 0 3px;
	border:1px solid #2e0014;
}
.pagination2 a:hover {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#2e0014;
	text-decoration:none;
	background:#e68ab1 url(../images/bkpagination.gif) repeat-x;
	padding: 2px 4px 4px 4px;
	margin: 0 3px;
	border:1px solid #2e0014;
}
.profil-title {
	font:bold 13px Tahoma, Arial, Verdana, Helvetica;
	color:#333;
	margin: 10px 0 10px 0;
}
.profil-title a {
	color:#000;
}
.profil-title a:hover {
	color:#520023; background-color:#d6c315; text-decoration:none;
}
.profil p {
	font:normal 11px Tahoma, Arial, Verdana, Helvetica;
	color:#333;
	text-align:justify;
	margin:0 0 18px 0;
	padding:0;
}

/* GS pagination */

.live_texte,
.video_texte,
.photo_texte {
     font:bold 11px Tahoma, Arial, Verdana, Helvetica;
     color:#333;
     text-align:center;
     padding: 18px 0;
     margin: 0 0 10px 0;
}
.live_lien,
.video_lien,
.photo_lien {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#fff;
	text-decoration:none;
	background:#cf0059 url(../images/bkpagination-over.gif) repeat-x;
	padding: 2px 4px 4px 4px;
	margin: 0 3px;
	border:1px solid #2e0014;
}
.live_lien:hover,
.video_lien:hover,
.photo_lien:hover {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#2e0014;
	text-decoration:none;
	background:#e68ab1 url(../images/bkpagination.gif) repeat-x;
	padding: 2px 4px 4px 4px;
	margin: 0 3px;
	border:1px solid #2e0014;
}
.live_bouton,
.video_bouton,
.photo_bouton {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#fff;
	text-decoration:none;
	background:#cf0059 url(../images/bkpagination-over.gif) repeat-x;
	padding: 2px 4px 4px 4px;
	margin: 0 3px;
	border:1px solid #2e0014;
}
.live_bouton:hover,
.video_bouton:hover,
.photo_bouton:hover {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica; color:#2e0014;
	text-decoration:none;
	background:#e68ab1 url(../images/bkpagination.gif) repeat-x;
	padding: 2px 4px 4px 4px;
	margin: 0 3px;
	border:1px solid #2e0014;
}


/* GS textes */
.video_titre_court {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica;
	color:#000;
}
.video_description_courte {
	font:normal 10px Tahoma, Arial, Verdana, Helvetica;
	color:#333;
}
.photo_titre {
	font:bold 11px Tahoma, Arial, Verdana, Helvetica;
	color:#000;
}
.photo_nombre {
	font:normal 10px Tahoma, Arial, Verdana, Helvetica;
	color:#666;
     border-top:1px solid #666;
}
.photo_description {
	font:normal 10px Tahoma, Arial, Verdana, Helvetica;
	color:#333;
}

/* GS */
.photo_tableau {
     border:0px solid transparent;
}
.photo_selection {
     color:#333;
}

/* General footer */
.ftr-link { color:#fff; padding:0; margin:0; }
.ftr-link a { font: bold 11px Tahoma, Arial, Verdana, Helvetica; color:#fff; padding: 5px 10px; }
.ftr-link a:hover { color:#520023; background-color:#d6c315; text-decoration:none; }

.copyright font { color:#000; }
.copyright font strong { font-weight:bold;color:#000; }