/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
html{
	width: 100%;
}
body{
	width: 100%;
	background-color: #CCCCCC;
	padding-bottom:2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
.Style1 {
	font-size: 0.8em;
}

/* MENU */
ul#BlocMenu{
	background-color: #CCCCCC;
	width: 750px;
	height:2em;
	margin-left:auto;
	margin-right:auto;
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 0.5em;
}
li.ItemMenu{
	list-style-type: none;
	width: 93px;
	height: 40px;
	float: left;
	background-color: #CCCCCC;
}
ul#BlocSousMenu{
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2.5em;
	text-align:center;
	width:471px;
	margin-bottom: 20px;
	}
.ItemSousMenu, .ItemSousMenuActu{
	width: 90px;
	float: left;
	background-color: #CCCCCC;
	border: 1px solid #999999;
	list-style-type: none;
	text-align:center;
	margin:1px;
}
.ItemSousMenu2, .ItemSousMenu2Actu {
	width: 182px;
	float: left;
	background-color: #CCCCCC;
	border: 1px solid #999999;
	list-style-type: none;
	text-align:center;
	margin:1px;
}
li.ItemSousMenuActu,li.ItemSousMenu2Actu{
	background-color: #999999;
	border: 1px solid #000000;
}

/* DIV */
div#general{
	text-align:center;
}
div#BlocContenu{
	background-color: #CCCCCC;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3em;
	border: 1px solid #999999;
	padding:1em;	
}

legend{
	font-weight:bold;
	color:#333333;
	padding: 0em 1em 0em 0.5em;
	margin-left: 2em;
}
	
div#haut_page{
	padding-top:0.2em;
	padding-bottom:0.2em;
	color: #990000;
	background-color: #CCCCCC;
	height:20px;
	width: 100%;
}
div#entete_gauche{
	float: left;
}
div#entete_droit{
	float: right;
	font-size:1.8em;
}
div.DIVCenter{
width:45%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
div.DIVBloc1{
width:45%;
float:left;
text-align:center;
margin-top:10px;}
div.DIVBloc2{
width:45%;
float:right;
text-align:center;
margin-top:10px;}
div.DIVBloc3{
width:20%;
float:left;
text-align:center;
margin-top:10px;}
div.DIVBlocSmall{
	width:20%;
	float:left;
	border: 1px solid #333333;
	padding:10px;
	background-color:#999999;
	margin-top:10px;
}

div.DIVBlocLarge{
	width:70%;
	float:left;
	margin-left:3%;
	margin-top:0px;
	padding:10px;
	}
div.DIVBlocSmallFille{
	width:55%;
	float:left;
	margin-left:1.3em;
	border: 1px solid #000000;
	background-color:#999999;
}
div.DIVBlocSmallFilleR{
	width:35%;
	float:right;
	margin-right:1.3em;
	border: 1px solid #000000;
	
	background-color:#999999;
}
div.DIVBlocLargeFille{
	width:95%;
	border: 1px solid #000000;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#999999;
	}

#FicheMorceau, #derniereMinute{
	width: 50%;
	border: 1px solid #000000;
	background-color:#999999;
	padding:10px;
	margin-bottom:10px;
}
div.AgendaConcert{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #000000;
	background-color:#999999;
	padding:10px;
	margin-bottom:10px;
}

/* TEXTE*/

.banniere_accueil, .banniere_poly, .banniere_historique, .banniere_liens, .banniere_contact, .banniere_playlist, .banniere_agenda, .banniere_horaire, .banniere_cinema, .banniere_filles, .banniere_3d, .banniere_sequence {
	height: 100px;
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 11px;
	margin-top:10px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	}
h1.banniere_accueil	{background: #FFFFFF url(../images/fond/fond.jpg) no-repeat right;}
h1.banniere_poly{background: #FFFFFF url(../images/fond/fond.jpg) no-repeat right;}
h1.banniere_historique{background: #FFFFFF url(../images/fond/historique.jpg) no-repeat right;}
h1.banniere_liens{background: #FFFFFF url(../images/fond/liens.jpg) no-repeat right;}
h1.banniere_contact{background: #FFFFFF url(../images/fond/contact.jpg) no-repeat right;}
h1.banniere_playlist{background: #FFFFFF url(../images/fond/playlists.jpg) no-repeat right;}
h1.banniere_horaire{background: #FFFFFF url(../images/fond/horaire.jpg) no-repeat right;}
h1.banniere_agenda{background: #FFFFFF url(../images/fond/agenda.jpg) no-repeat right;}
h1.banniere_cinema{background: #FFFFFF url(../images/fond/cinema.jpg) no-repeat right;}
h1.banniere_filles{background: #FFFFFF url(../images/fond/filles3.jpg) no-repeat right;}
h1.banniere_3d{background: #FFFFFF url(../images/fond/3d.jpg) no-repeat right;}
h1.banniere_sequence{background: #FFFFFF url(../images/fond/sequence.jpg) no-repeat right;}

h1.banniere_humeur {
	background: #FFFFFF url(../images/fond/humeur.jpg) no-repeat left;
	border-bottom: 1px solid #000000;
	height: 30px;
	line-height: 1px;
	font-size: 1px;
	}
h1.banniere_agenda_fille {
	background: #000000 url(../images/fond/agenda_fille.jpg) no-repeat left;
	border-bottom: 1px solid #000000;
	height: 30px;
	line-height: 1px;
	font-size: 1px;
	}
h1.banniere_liens_fille	{
	background: #000000 url(../images/fond/liens_fille.jpg) no-repeat left;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	height: 30px;
	line-height: 1px;
	font-size: 1px;
}

h1 span {
	visibility: hidden;
}
.TitreBordeau, .Signature{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size:1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
h2.SousTitre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 0.5em;
	font-size:0.9em;
	}
.Signature{
	text-align: right;
	margin-bottom: 0.5em;
}

p.text_center{text-align: center;margin-bottom:5px; font-weight: normal;}
p.text_left{text-align: left;margin-bottom:5px; font-weight: normal;}
p.text_left2{text-align: left;margin: 1.3em; font-weight: normal;}
p.text_right{text-align: right;margin-bottom:5px; font-weight: normal;}
p.text_bas_page{text-align: center;margin-bottom:5px; margin-top:5px; font-weight: normal;}


span.rouge{
	color:#FF0000;}
span.date{
	font-size:0.9em;
	border:none;
}
span.LieuVille{
	color: #000000;
	font-size:0.9em;
	border-bottom:1px dashed #990000;
	font-weight: bold;
	padding:2px;
	padding-left:15px;
	padding-right:15px;
	}
h2.GrosTitre
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size:1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;}
	
/*FORMULAIRE*/
.champ
{font-size:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;}
fieldset.form_envoi{
padding:5px;
margin-left:auto;
margin-right:auto;
width:70%;
border:solid 1px #666666;}

/* TABLEAU */

table.grille{
	width: 100%;
	border: 1px solid #666666;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left:auto;
	margin-right:auto;
}
table.grille2{
	width: 50%;
	border: 1px solid #666666;
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left:auto;
	margin-right:auto;
}

.heure, .date, .info, .Pasinfo{
	border: 1px solid #999999;
	text-align: center;

	height: 0.5em;
}

td.date{
	height: 0.5em;
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #990000;
}
td.heure{
	height: 0.5em;
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #990000;
}

td.info{
	background-color: #FFFFFF;
	height: 0.5em;
	padding:3px;
}

td.Pasinfo{
	height: 0.5em;
}
table.formulaire{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5em;
	margin-top:0.5em;
}
td.item_formulaire{
text-align:left;
padding-bottom:3px;}
td.item_formulaire_center{
text-align:center;
padding-bottom:3px;}

table.TableauAffichage{
	border: 1px solid #999999;
	width: 95%;
	margin-top: 1em;
	margin-bottom: 2em;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle;
	}
td.TitreInfo{
	background-color: #999999;
	text-align: center;
	width:auto;
}
td.TitreInfoPetit{
	background-color: #999999;
	text-align: center;
	width:20px;
}

td.BlocInfo{
	padding:4px;
	border-left: 1px dashed #999999;
	border-right: 1px dashed #999999;
		
}
td.BlocInfoCentre{
text-align: center;
padding:4px;
border-left: 1px dashed #999999;
border-right: 1px dashed #999999;
}
table#Liens
{
width:95%;
margin-left:auto;
margin-right:auto;
}
td.I_Liens
{
	width:30%;
	color:#990000;
	font-weight:bold;
	padding-bottom:10px;
	text-align:left;
}
td.caseLiensCenter
{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	vertical-align: top;
}
td.caseLiens
{
	vertical-align: top;
}

/* LISTE */
ul.Liste{
	width: 97%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px
	}
li.ItemListe{
	list-style-type: none;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
#film{
list-style-type: none;
margin-top:10px;
}
ul.ListeLiens
{
list-style-type: none;
padding:10px;
font-size: 0.7em;


}
li.ItemLiens{
	list-style-type: none;
	margin-bottom:10px;
	font-weight:  normal;
}
li.item_film{
list-style-type: none;
margin-bottom:15px;
}
.archive_film{
list-style-type: none;
margin-top:20px;

}
.but
{
list-style-type: none;
margin-top:10px;
text-align:center;
}
ul.Playlist{
	margin-right: auto;
	margin-left: auto;
	margin-top:15px;
	padding-bottom: 2.5em;
	text-align:center;
	width:70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #333333;
	padding:10px;
	background-color:#999999;
}

ul#notice{
margin-left:auto;
margin-right:auto;
text-align:center;

}
li.ItemNotice{
float:left;
list-style-type:none;
margin-left:10px;
width:150px;
}

.hoptop {
	margin-top: 10px;
}

.hoptop img {
	margin: 0 5px 0 5px;
}
.big {
	font-size: 1.3em;
}

/* IMAGE */

img#banniere_index{
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 2px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
img{
	border: none;
	text-indent: 0px;
}
.image_news, .image_cinema{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border: 1px solid #000000;	
}
.image_agenda{
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	border: 1px solid #000000;	
}
img.imgNotice
{border: 1px solid #000000;}


/* LIENS */
a.LiensPage{
	color: #990000;
	text-decoration: underline;
}
.LiensPage:hover, .LiensPage1:hover, .LiensSousMenu:hover{
	color: #000000;
	text-decoration: none;
}

.LiensPage1{ 
	color: #990000;
	text-decoration: none;
}
.LiensSousMenu{
color: #000000;
	text-decoration: none;
}
.LiensSousMenu:hover{
	color:#990000;
	
}


a.bouton {float:left;}
a.bouton2 {float:right;}
.bouton, .bouton2{
	width:45%;
	padding:2px;
	background-color: #999999;
	color: #000000;
	text-align:center;
	border: 1px solid #000000;
	}
.bouton:hover, .bouton2:hover{
	width:45%;
	padding:2px;
	background-color: #FFFFFF;
	color: #000000;
	text-align:center;
	border: 1px solid #000000;
	}
			
input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #878787;
}
textarea, input, select {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px;
	padding: 3px;
}
.bigger {
	font-size: 16px;
	font-weight: bold;
}