@charset "utf-8";
/* CSS Document */
BODY {
	margin:0px;
	background-color:#333333;	
}
td, input, select, textarea, optgroup {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

/*menu*/
a.bt1{ display: block; width: 120px; height: 25px; background-image: url(../images/accueil2.png) }
a.bt2{ display: block; width: 120px; height: 25px; background-image: url(../images/liveshow2.png) }
a.bt3{ display: block; width: 120px; height: 25px; background-image: url(../images/annuaire2.png) }
a.bt4{ display: block; width: 120px; height: 25px; background-image: url(../images/rencontre2.png) }
a.bt5{ display: block; width: 120px; height: 25px; background-image: url(../images/dialgay2.png) }
a.bt6{ display: block; width: 120px; height: 25px; background-image: url(../images/boutique2.png) }
a.bt7{ display: block; width: 120px; height: 25px; background-image: url(../images/publicite2.png) }
a.bt8{ display: block; width: 120px; height: 25px; background-image: url(../images/contact2.png) }

a.vbt1{ display: block; width: 120px; height: 25px; background-image: url(../images/accueil2.png) }
a.vbt1:hover { visibility: visible }
a.vbt1:hover img { visibility: hidden }

a.vbt2{ display: block; width: 120px; height: 25px; background-image: url(../images/liveshow2.png) }
a.vbt2:hover { visibility: visible }
a.vbt2:hover img { visibility: hidden }


a.bt1:hover { visibility: visible }
a.bt1:hover img { visibility: hidden }

a.bt2:hover { visibility: visible }
a.bt2:hover img { visibility: hidden }

a.bt3:hover { visibility: visible }
a.bt3:hover img { visibility: hidden }

a.bt4:hover { visibility: visible }
a.bt4:hover img { visibility: hidden }

a.bt5:hover { visibility: visible }
a.bt5:hover img { visibility: hidden }

a.bt6:hover { visibility: visible }
a.bt6:hover img { visibility: hidden }

a.vbt7{ display: block; width: 120px; height: 25px; background-image: url(../images/publicite2.png) }
a.bt7:hover { visibility: visible }
a.bt7:hover img { visibility: hidden }

a.vbt8{ display: block; width: 120px; height: 25px; background-image: url(../images/contact2.png) }
a.bt8:hover { visibility: visible }
a.bt8:hover img { visibility: hidden }
/**/

.Style11b {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-weight: bold;}
a.Style11b:link {color: #FFFFFF;text-decoration:none;font-weight: bold;font-size:11px;}
a.Style11b:visited {color: #FFFFFF;text-decoration: none;font-weight: bold;font-size:11px;}
a.Style11b:hover {color:#FFFFFF;	text-decoration: underline;	font-weight: bold;	font-size:11px;}
a.Style11b:active {color: #FFFFFF;text-decoration: none;font-weight: bold;font-size:11px;}

.Style11 {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
a.Style11:link {color: #FFFFFF;text-decoration:none;font-size:11px;}
a.Style11:visited {color: #FFFFFF;text-decoration: none;font-size:11px;}
a.Style11:hover {color:#FFFFFF;	text-decoration: underline;	font-size:11px;}
a.Style11:active {color: #FFFFFF;	text-decoration: none;font-size:11px;}

.Style10 {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
a.Style10:link {color: #FFFFFF;text-decoration:none;font-size:10px;}
a.Style10:visited {color: #FFFFFF;text-decoration: none;font-size:10px;}
a.Style10:hover {color:#FFFFFF;	text-decoration: underline;	font-size:10px;}
a.Style10:active {color: #FFFFFF;	text-decoration: none;font-size:10px;}


.big {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:15px;	font-weight:bold; color: #FFFFFF;}
a.big:link {color: #FFFFFF;text-decoration:none;font-size:15px;}
a.big:visited {color: #FFFFFF;text-decoration: none;font-size:15px;}
a.big:hover {color:#FFFFFF;	text-decoration: none;	font-size:15px;}
a.big:active {color: #FFFFFF;	text-decoration: none;font-size:15px;}


.bouton {font-family:Arial, Helvetica, sans-serif;	font-size:12px; color:#990000;}
a.bouton:link {color: #FFFFFF;text-decoration:none;font-size:12px; color:#990000;}
a.bouton:visited {color: #FFFFFF;text-decoration: none;font-size:12px; color:#990000;}
a.bouton:hover {color:#FFFFFF;	text-decoration: underline;	font-size:12px; color:#990000;}
a.bouton:active {color: #FFFFFF;	text-decoration: none;font-size:12px; color:#990000;}

.TITRE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#990000;
	font-style: normal;
}

/*Ombrage des vignettes */
.flou{
	background-color: #ff0000; /*couleur de l'ombre */
	margin-left: 4px;
	margin-top: 4px;
	float:left;
}
 
.ombre,
.contenu {
	position: relative;
	bottom: 3px;
	right: 3px;
}
 
.ombre{
	background-color: #B76464; /*2ème couleur de l'ombre*/
}
 
.contenu {
	border: 1px solid #000; /*bordure de l'image*/
}

.copyright { text-align:center; FONT: 7px helvetica, verdana, sans-serif; color: #666666; }

/*formulaire contact*/
.button 	{
	fond-image: url("images/button.gif");
	fond-color:#FFFFFF;
	FONT-FAMILY: arial, verdana, helvetica, sans;
	color: #000000;
	font-size: 9pt;
	height: 23px;
	cursor:hand;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	BORDER: #000000 1px solid;
	background-image: url(../images/button.gif);
}

.buttonon 	{
	fond-image: url("images/buttonon.gif");
	fond-color:#718691;
	FONT-FAMILY: arial, verdana, helvetica, sans;
	color: #FFFFFF;
	font-size: 9pt;
	height: 23px;
	cursor:hand;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	BORDER: #000000 1px solid;
	background-image: url(../images/buttonon.gif);
}
.shadeform	{
	FONT: 13px arial, verdana, sans-serif;
	fond-image: url("images/shadeform.gif");
	text-align: left;
	WIDTH: 200PX;
	BORDER: #000000 1px solid;
	background-image: url(../images/shadeform.gif);
}

.textarea	{
	FONT: 13px arial, verdana, sans-serif;
	fond-image: url("images/shadeform.gif");
	text-align: left;
	WIDTH: 275PX;
	HEIGHT: 125PX;
	BORDER: #000000 1px solid;
	background-image: url(../images/shadeform.gif);
}

.dropform	{
	FONT: 13px arial, verdana, sans-serif;
	text-align: left;
	FONT-FAMILY: arial, verdana, helvetica, sans;
	color: #000000;
	font-size: 9pt;
	WIDTH: 200PX;
	BORDER: #000000 1px solid;
	
}

/*Code pages */
.pageon {
	width: 25px;
	color: #FFFFFF;
	background: #C90E0E;
	border: #FFFFFF 1px solid; 
	padding: 4px; 
	font-family:Tahoma;
	font-weight:bold;
	text-decoration:none; 
	}

.pageoff {
	width: 25px;
	color: #FFFFFF;
	background: #948C8C;
	border: #FFFFFF 1px solid; 
	padding: 4px; 
	font-family:Tahoma;
	font-weight:bold; 
	text-decoration:none;
	}
	
.pagestop {
	width: 25px;
	color:#FFFFFF;
	background: #C90E0E;
	border: #FFFFFF 1px solid; 
	padding: 4px; 
	font-family:Tahoma;
	font-weight:bold; 
	text-decoration:none;
	}	
/* fiche video */
.texte2 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify;	color: #000000;	font-size: 11px;	text-decoration:none;}
a.texte2:link {color: #000000;text-decoration:none;font-size:11px;}
a.texte2:visited {color: #000000;text-decoration: none;font-size:11px;}
a.texte2:hover {color:#000000;	text-decoration: underline;	font-size:11px;}
a.texte2:active {color: #000000;	text-decoration: none;font-size:11px;}

.texte9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFFFFF;
	font-size: 9px;
}
/* info bulle */
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
color:#FFF;
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:20em;
border:1px solid #000;
background-color:#FFC;
color:#000;
text-align:left;
font-weight: normal;
padding:5px;
}

/* fin info bulle*/
/* info bulle 2 */
a.info2{
font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size: 10px;
position:relative;
z-index:24;
color:#FFF;
text-decoration:none
}
 
a.info2:hover{
z-index:25;
color:#FFF;
}
 
a.info2 span{
display: none
}
 
a.info2:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:20em;
border:1px solid #000;
background-color:#FFC;
color:#000;
text-align:left;
font-weight: normal;
padding:5px;
}

/*Style pour la fiche des videos en gras, notifications*/
.black_11a{color:#000000; font-size:11px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
a.black_11a:link {color:#000000; text-decoration:none;}
a.black_11a:hover{color:#FF0000; text-decoration:none;}
/*Fin du Style pour la fiche des videos en gras, notifications*/