@charset "utf-8";
/* CSS Document */

html{
	width:100%;
	min-height:100%;
	}

body {
	background-color: #1e1d1d;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #1e1d1d;
	}
/*/////////////////////////////////////////////////   CONTENU              /////////////////////////////////////////////*/


/* DIV PRINCIPALE CONTENU centre pour l'ecran//////////////////////////////////////////////////////////////////////////*/
#Conteneur{
	position:relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
}

/* DIV PRINCIPALE CONTENU avec dimension///////////////////////////////////////////////////////////////////////////////*/
#contenu{
	position:relative;
	width: 1024px;
	/*height: 768px;*/
	min-height: 768px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
/* ENTETE ///////////////////////////////////////////////////////////////////////////////*/

#header{
	position:relative;
	float:left;
	width: 1024px;
	height: 85px;
	min-height: 85px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#menu{
	position:relative;
	float:left;
	width: 819px;
	height: 105px;
	min-height: 105px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/accueil-toulouse-complexe/accueil_21.jpg);
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
}
#anim{
	position:relative;
	float:left;
	width: 819px;
	/*height: 351px;*/
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/accueil-toulouse-complexe/accueil_27.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#anim p{
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#FFFFFF;
}
#anim2{
	position:relative;
	float:left;
	width: 821px;
	/*height: 351px;*/
	min-height: 321px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/accueil-toulouse-complexe/accueil_27.jpg);
	background-repeat:no-repeat;
	text-align:left;
}
#anim2 a{
	color:#FFF;
	text-align:left;
}
#anim2 a:hover{
	color:#C90;
	text-align:left;
}
#anim table{
	width: 450px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#FFFFFF;
	font-size:11px;
}
#photogauche{
	position:relative;
	float:left;
	width: 370px;
	min-height: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/accueil-toulouse-complexe/accueil_girl.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;

}
#photogauche a{
	text-decoration:underline;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photogauche a:hover{
	text-decoration:underline;
	color:#F39;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photogauche table{
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}

/*///////////////////////////////////////////////////*/
#photosdroit{
	position:relative;
	float:left;
	width: 400px;
	min-height: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}

#photosdroit a{
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}
#photosdroit a:hover{
	font-size: 11px;
	color: #FF3399;
	text-decoration:none;
}
#photosdroit p{
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}
#photosdroit table{
	width: 280px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}
/*////////////////////////////////////////////////////////*/
#contactgauche{
	position:relative;
	float:left;
	width: 470px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contactgauche a{
	text-decoration:underline;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contactgauche a:hover{
	text-decoration:underline;
	color:#F39;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contactdroit{
	position:relative;
	float:left;
	width: 349px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}
#contactdroit a{
	font-size: 11px;
	color: #FF3399;
	text-decoration:none;
}
#contactdroit a:hover{
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}
#contactdroit p{
	width: 280px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#infogauche{
	position:relative;
	float:left;
	width: 285px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#infogauche a{
	text-decoration:underline;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#infogauche a:hover{
	text-decoration:underline;
	color:#F39;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#infodroit{
	position:relative;
	float:left;
	width: 534px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}
#infodroit a{
	font-size: 11px;
	color: #FF3399;
	text-decoration:none;
}
#infodroit a:hover{
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}
#infodroit p{
	width: 500px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#agendagauche{
	position:relative;
	float:left;
	width: 314px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#agendadroit{
	position:relative;
	float:left;
	width: 349px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}
#agendadroit span a{
	color:#000000;
}

#agendadroit table{
	position:relative;
	float:left;
	width: 450px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}

#agendadroit a{
	font-size: 11px;
	color: #FF3399;
	text-decoration:none;
}
#agendadroit a:hover{
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}
#agendadroit p{
	width: 280px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	color:#FFFFFF;
}


#centre{
	position:relative;
	float:left;
	width: 1024px;
	/*height: 544px;*/
	min-height: 544px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	background-image:url(../images/accueil-toulouse-complexe/accueil_hr.jpg);
	background-repeat:repeat-y;
}
.calendriersoiree{
	position:relative;
	width: 314px;
	height: 299px;
	min-height: 299px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:left;
}

.agendacalendar{
	width:314px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#left{
	position:relative;
	float:left;
	width: 67px;
	/*height: 544px;*/
	min-height: 544px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;

}
#center{
	position:relative;
	float:left;
	width: 819px;
	/*height: 548px;*/
	min-height: 548px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;

}
#right{
	position:relative;
	float:left;
	width: 138px;
	/*height: 544px;*/
	min-height: 544px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/accueil-toulouse-complexe/accueil_22.jpg);
	background-repeat:no-repeat;
}
#right object{
	margin: 14px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#pied{
	position:relative;
	float:left;
	width: 1024px;
	min-height: 99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#999999;
	font-size:10px;
}
#pied a{
	color:#999999;
	font-size:10px;
	text-decoration:none;
}
#pied a:hover{
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
}
#goodies{
	position:relative;
	float:left;
	width: 215px;
	height: 321px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#FFF;
	font-size:10px;
	background-image:url(../images/good_27.jpg);
	background-repeat:no-repeat;
}
#goodies p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	color:#ffffff;
	font-size:10px;
}

#gallery{
	position:relative;
	float:left;
	width: 379px;
	min-height: 321px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:10px;
}
#gallery table{
	width: 330px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:10px;
}

#webcam{
	position:relative;
	float:left;
	width: 227px;
	height: 321px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#ffffff;
	font-size:10px;
	background-image:url(../images/good_29.jpg);
	background-repeat:no-repeat;
}
#webcam p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	color:#ffffff;
	font-size:10px;
}
/*///////////////////////////////////////////////////////////////////////////////////////         DISCOTHEQUE         ////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#disco{
	position:relative;
	float:left;
	width: 819px;
	min-height: 544px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;

}
#discotheque{
	position:relative;
	float:left;
	width: 622px;
	min-height: 433px;
	height: 433px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	text-align:left;
	background-image:url(../images/discotheque-modjo-toulouse/modjo_36.jpg);
	background-repeat:no-repeat;
}
#disco31{
	position:relative;
	float:left;
	width: 622px;
	min-height: 433px;
	height: 433px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	text-align:left;
	background-image:url(../images/discotheque-modjo-toulouse/modjo_35.jpg);
	background-repeat:no-repeat;
}

#discotheque p{
	width: 530px;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	}
#discotheque p a{
	color:#FFFFFF;
	}
#discotheque p a:hover{
	color:#F90;
	}

#discotheque table{
	width:450px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

#centreDisco{
	position:relative;
	float:left;
	width: 1024px;
	min-height: 544px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#leftDisco{
	position:relative;
	float:left;
	width: 67px;
	min-height: 544px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#menumodjo{
	position:relative;
	float:left;
	width: 197px;
	min-height:433px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/discotheque-modjo-toulouse/modjo_26.jpg);
	background-repeat:no-repeat;
}

#newsletterDisco{
	position:relative;
	float:left;
	width: 819px;
	min-height:28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/discotheque-modjo-toulouse/modjo_24.jpg);
	background-repeat:no-repeat;
}

#newsletterDisco a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#000;
	font-size:11px;
}

#newsletterDisco a:hover{
	position:relative;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#fff;
	font-size:11px;
}

#newsletterDisco table{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

.txtDisco{
	position:relative;
	width: 200px;
	min-height: 250px;
	margin: 50px 0px 0px 250px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
#rightDisco{
	position:relative;
	float:right;
	width: 138px;
	min-height: 544px;
	height: 544px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/discotheque-modjo-toulouse/modjo_23.jpg);
	background-repeat:no-repeat;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.calendrier{
	position:relative;
	width: 245px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	text-align:left;
	float:left;
}
.calendrier p{
	width: 15px;
	min-height:15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#ffffff;
}
.cal-lien {
	color:#666666;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
}

.cal-lien a{
	color:#F39;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
}

.cal-lien a:hover{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
.margecalendar{
	position:relative;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
.culturecalendar{
	width:134px;
	min-height:10px;
	position:relative;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.calendar{
	min-height:15px;
}
/*//////////////////////////////////////////////////////////////////*/
#photosliste{
	position:relative;
	float:left;
	width: 800px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photosliste table{
	width: 750px;
	min-height: 351px;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
#photosliste p{
	width: 700px;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#FFF;
	font-size:11px;
}

#photosliste a{
	text-decoration:underline;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photosliste a:hover{
	text-decoration:underline;
	color:#F39;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photosdetail{
	position:relative;
	float:left;
	width: 800px;
	min-height: 351px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photosdetail table{
	width: 750px;
	min-height: 351px;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
#photosdetail p{
	width: 700px;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#FFF;
	font-size:11px;
}

#photosdetail a{
	text-decoration:underline;
	color:#FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photosdetail a:hover{
	text-decoration:underline;
	color:#F39;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*///////////////////////Input formulaire//////////////////////////////////////*/

INPUT.champvide {

            BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; FONT-SIZE: 8pt; BORDER-LEFT: red 2px solid; COLOR: #000000; TEXT-INDENT: 2px; BORDER-BOTTOM: red 2px solid; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff

}