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

body {
	   background:#020202 url('') no-repeat 50% 94px; 
	   margin:0;	
	   font-family:Verdana, Geneva, serif;
	   font-size:14px;
	}
table a	{
	color: #FFFFFF;
}
h1{
	color:#01007f;
	font-size:26px;
	text-align:center;
	font-style:italic;
	margin-top:130px;
	}	
h2{
	color:#FABA74;
	font-size:22px;
	text-align:center;
	font-style:italic;
	margin-bottom:30px;
	}	
.fond {
	background-color: #000000;
	width:760px;
	min-height: 200px;
	padding:0 50px 20px 50px;
	margin:0px auto 40px;
	/*overflow:auto;*/
	}
.no_marge{
	margin: 0px;
}
marge{
	float: left;
	margin: 15px 0 0;
}
floatL{
	float: left;
}
/*---------- INDEX -------------*/
table#index tr.menu,
table.menu tr.menu{
	height: 94px;
}
table#index td a,
table.menu td a{
	float: left;
	height: 94px;
}
table#index td a.logo{
	width: 151px;
	background: url(images/fonds/menu/page-accueil-logo.jpg) no-repeat;
}
table#index td a.logo:hover{
	width: 151px;
	background: url(images/fonds/menu/page-accueil-logo-hover.jpg) no-repeat;
}
table#index td a.spectacles{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-spectacles.jpg) no-repeat;
}
table#index td a.spectacles:hover{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-spectacles-hover.jpg) no-repeat;
}	
table#index td a.manege{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-manege.jpg) no-repeat;
}
table#index td a.manege:hover{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-manege-hover.jpg) no-repeat;
}	
table#index td a.galerie{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-galerie.jpg) no-repeat;
}
table#index td a.galerie:hover{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-galerie-hover.jpg) no-repeat;
}	
table#index td a.dates{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-dates.jpg) no-repeat;
}
table#index td a.dates:hover{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-dates-hover.jpg) no-repeat;
}	
table#index td a.liens{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-liens.jpg) no-repeat;
}
table#index td a.liens:hover{
	width: 146px;
	background: url(images/fonds/menu/page-accueil-liens-hover.jpg) no-repeat;
}	
table#index td a.contacts{
	width: 19px;
	background: url(images/fonds/menu/page-accueil-contacts.jpg) no-repeat;
}
table#index td a.contacts:hover{
	width: 19px;
	background: url(images/fonds/menu/page-accueil-contacts-hover.jpg) no-repeat;
}
/*---------- Page compagnie -------------*/	
#menu {
		margin: auto;
	}
table.menu td a.logo{
	width: 151px;
	background: url(images/fonds/menu/logo.jpg) no-repeat;
}
table.menu td a.logo:hover{
	width: 151px;
	background: url(images/fonds/menu/logo-hover.jpg) no-repeat;
}
table.menu td a.spectacles{
	width: 146px;
	background: url(images/fonds/menu/spectacles.jpg) no-repeat;
}
table.menu td a.spectacles:hover{
	width: 146px;
	background: url(images/fonds/menu/spectacles-hover.jpg) no-repeat;
}	
table.menu td a.manege{
	width: 146px;
	background: url(images/fonds/menu/manege.jpg) no-repeat;
}
table.menu td a.manege:hover{
	width: 146px;
	background: url(images/fonds/menu/manege-hover.jpg) no-repeat;
}	
table.menu td a.galerie{
	width: 146px;
	background: url(images/fonds/menu/galerie.jpg) no-repeat;
}
table.menu td a.galerie:hover{
	width: 146px;
	background: url(images/fonds/menu/galerie-hover.jpg) no-repeat;
}	
table.menu td a.dates{
	width: 146px;
	background: url(images/fonds/menu/dates.jpg) no-repeat;
}
table.menu td a.dates:hover{
	width: 146px;
	background: url(images/fonds/menu/dates-hover.jpg) no-repeat;
}	
table.menu td a.liens{
	width: 146px;
	background: url(images/fonds/menu/liens.jpg) no-repeat;
}
table.menu td a.liens:hover{
	width: 146px;
	background: url(images/fonds/menu/liens-hover.jpg) no-repeat;
}	
table.menu td a.contacts{
	width: 19px;
	background: url(images/fonds/menu/contacts.jpg) no-repeat;
}
table.menu td a.contacts:hover{
	width: 19px;
	background: url(images/fonds/menu/contacts-hover.jpg) no-repeat;
}	

/*---------- animation -------------*/
#la-cie {
	background: url('images/fonds/la-compagnie.jpg') no-repeat;
	width:900px;
	height:606px;
	margin:auto;
	color:#ecb573;
	font-size:14px;
	text-align:center;
	}	
#la-cie-texte {
	text-indent:10px;
	width:400px;
	height:400px;
	float:left;
	margin:20px 0 0 0;
	text-align:left;
	}	
#la-cie-citation {
	width:180px;
	float:right;
	margin:20px 0 0 0;
	}
	
#spectacles{
	text-align:center;
	font-weight:bold;
	margin-top:20px;
	}	
.puces {
	font-size:16px;
	margin-top:20px;
	margin-bottom:20px;
	}	
.puces td {
	min-width:90px;
	text-align:center;
	}
.puces-animations td {
	min-width:25px;
	text-align:left;
	}	
.puces-animations td.titre{
	min-width:60px;
	text-align:left;
	}
/*#puces-animations {
	
	}*/
	
.retraits {
	text-indent:15px;
	}
.text-1{
	margin-top:50px;
	}
.text-2{
	margin-top:35px;
	}
.bas{
	margin-bottom:50px; /*Vérifier qu'il soit utiliser */
	}
.marges-haut-bas {
	margin:30px 0 40px 0;
	}
.flottant-droit {
	float:right;
	margin-left:30px;
	}
.flottant-gauche {
	float:left;
	margin-right:30px;
	}
.autre-spectacle {
	text-align:right;
	}
#animations-autres p.deambulatoire{
	float: left;
	width: 395px;
	margin: 15px 0 0;
}
#animations-autres div#animations-videos{
	width: 560px;
	margin: 0 auto 20px;
}
/*---------- Robert et jeanette-------------*/	
#rj-le-spectacle-text-2{
	margin-top:130px;
	}
#rj-les-artistes-text-2 {
	margin-top:90px;
	}
	
#as-le-spectacle-text {
	margin-top:15px;
	}		
.flottant-droit-bas {
	clear:both;
	}	
.image-centre {
	width:650px;
	margin:20px auto 40px;
	}	
#as-les-artistes h3 {
	margin-bottom:0;
	}
#as-les-artistes h4{
	margin-top:0;
	}
#as-les-artistes-text-2{
	margin-top:70px;
	margin-bottom:80px;
	}
#as-fiche-technique{
	margin-bottom:100px;
	}
#as-fiche-technique-text{
	margin-top:70px;
	}
	
#a-manege-pedales-photo	{
	width:400px;
	margin:0 auto 0;
	}
.a-manege-pedales-text-1{
	padding:0 40px 0;
	}		
.a-manege-pedales-text{
	margin-top:40px;
	margin-bottom:0px;
	}
#a-manege-pedales-text-2{
	text-align:right;
	margin-top:20px;
	margin-bottom:35px;
	}	
.a-h3{
	float: left;
	margin-top: 20px;
	width: 100%;
	font-size:18px;
	}
#a-animation-musicale-text{
	float: left;
	width: 510px;
	margin-top:40px;
	margin-bottom:70px;
	}
#a-animation-autres-text{
	float: left;
	width: 490px;
	min-height: 280px;
	margin:10px 0 30px;
	}		

.photos-galerie td{
	width :33%;
	text-align :center;
	padding-bottom : 30px;
	}	
.photos-galerie img {
	border :0;
	/*text-align :center;
	vertical-align : middle;*/
	}
	
#flottant-liens {
	float:right;
	}

#contacts{
	text-align:center;
	font-size:16px;	
	}	
#contacts a {
	text-decoration: none;
	}
#c-formulaire {
	margin:80px;
	}	
.c-td {
	text-align:right;
	min-width:170px;
	}	
	
#form-admin{
	position :absolute;
	margin :160px 30px ;
	color :#ecb573;
	}	
#menu-admin {	
	font-style :italic;
	font-size: 18px;
	}	
#menu-admin tr {
	height :94px;	
	}	
#menu-admin td {
	min-width :80px;	
	text-align: center;
	}	
#menu-admin a {
	color :#ecb573;
	text-decoration :none;
	}	
	
.spectacle-burlesque-date {
	margin-top :30px;
	}
.spectacle-burlesque-date td {
	
	}
.style1{
	font-weight:bold;
	text-align :center;
	}
.annee{
	background-color: #faba74;
	font-weight:bolder;
	font-size:20px;
	width :60px;
	}
.style2 {
	width :60px;
	}
.mois {
	font-weight:bolder;
	font-size:17px;
	width :110px;
	}
.dates {
	min-width :55px;
	height :40px ;
	}
.style3 {
	padding-bottom :7px;
	}
.fond div.cont_lien{
	min-height: 400px;
}
.spectacle-burlesque-lien {
	width: 450px;
	margin-top :40px;
	}
.spectacle-burlesque-lien td {
	width :50%;
	height: 35px;
	text-align :center;
	}

#admin{
	width :600px;
	margin :70px auto 20px;		
	}