/* CSS Document */

/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 a:link {color:#333333;}
a:hover {color:#ab1368;}	*/
  
a.lien:link {color:#681a96;text-decoration:underline; font-weight:bold;} 
a.lien:visited {color:#681a96;text-decoration:underline; font-weight:bold;} 
a.lien:hover {color:#990099;text-decoration:underline; font-weight:bold;} 
a.lien:active {color:#681a96;text-decoration:underline; font-weight:bold;}

.footer {font-size:11px;color:#681a96;}
a.footer:link {font-size:11px;color:#681a96; text-decoration:none; }
a.footer:visited {font-size:11px;color:#681a96; text-decoration:none;}
a.footer:hover {font-size:11px;color:#990099; text-decoration:none;}
  
  

body {
   background-image: url(../images/fond.jpg);
	font-family: tahoma;
	font-size: 12px;
	text-align: center;
	padding-top:8px;
	padding-bottom:20px;
	font-weight:normal;	
}
 #site {
	display:block;
	position: relative;	
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width:1300px;
	 }
 
  #banniereB {
	display:block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width:808px;
	height:305px;
			}
			
		#banniereA {
	display:block;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	top:0px;
	left:-231px;
	width:231px;
	height:305px;
			}
			
		#banniereC {
	display:block;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	top:0px;
	left:808px;
	width:161px;
	height:305px;
			}	
					
			
			
		#bouton_programme {
	display:block;
	position: absolute;
	left: 330px;	
	top: 245px;
	margin-right: auto;
	margin-left: auto;
	width:159px;
	height:50px;
			}	
			
			
			#bouton_theatre {
	display:block;
	position: absolute;
	left: 470px;	
	top: 250px;
	margin-right: auto;
	margin-left: auto;
	width:159px;
	height:50px;
			}
			
			#bouton_contact{
	display:block;
	position: absolute;
	left: 600px;	
	top: 250px;
	margin-right: auto;
	margin-left: auto;
	width:159px;
	height:50px;
			}
				
		#bouton_affiche {
	display:block;
	position: absolute;
	left: 170px;	
	top: 245px;
	margin-right: auto;
	margin-left: auto;
	width:159px;
	height:50px;
			}	
			
				#clim {
	display:block;
	position: absolute;
	left: 330px;	
	top: 156px;
	margin-right: auto;
	margin-left: auto;
	width:151px;
	height:26px;
			}	
			
		#corps {
	display:block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width:808px;
	background-color:#ffffff;
	}
	
	
	
	
	#corps_admin {
	display:block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top:20px;
	text-align: center;
	width:800px;	
	background-color:#aeacaf;	
				}	
	
	
	
			#corps2 {
	display:block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width:800px;
	background-color:#c3cf97;
				}
				
				#partenaire {
	display:block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width:808px;
	background-color:#FFFFFF;
	top:20px;
				}		
				
			#bandeau-vertical{
	display:block;
	position: relative;
	width: 30px;
	height:400px;
	left:0px;
	float:left;
	}	
		#bandeau-vertical2{
	display:block;
	position: relative;
	width: 30px;
	height:400px;
	left:31px;
	float:left;
	}		
		#bandeau-vertical3{
	display:block;
	position: relative;
	width: 30px;
	height:400px;	
	float:left;
	}		
		#bandeau-vertical4{
	display:block;
	position: relative;
	width: 30px;
	height:400px;	
	float:right;
	}		
		
		#cadre {border:1px dotted #8026b5;
margin-top:5px;
margin-left:25px;
float:left;
width:212px;
position:relative;
text-align:left;
}

#cadre-texte {
position:relative;
left:5px;
top:5px;
width:200px;
text-align: justify;

}

#cadre-theatre{
	display:block;
	position:relative;
	float:left;
	}	
	
		#cadre-theatreA{
	display:block;
	position: relative;
	height:240px;
	width:692;
		}	
#cadre-theatre1 {border:1px dotted #8026b5;
margin-top:5px;
margin-left:25px;
float:left;
width:310px;
height:240px;
text-align:left;
}

#cadre-theatre1-texte {
display:block;
position:relative;
left:5px;
width:300px;
text-align:justify;
}


#cadre-theatre2 {border:1px dotted #8026b5;
margin-top:5px;
margin-left:25px;
float:left;
width:350px;
height:240px;
text-align:left;
}
#cadre-theatre2-texte {
display:block;
position:relative;
left:5px;
width:340px;
text-align:justify;
}


#programme{
	display:block;
	position: relative;
	width: 748px;
	float:left;
	}		

				
		#images {
	display:block;
	position: relative;
	width: 800px;
	height:30px;
	left:0px;
	}	
	#gauche {
    float:left;
	psition:relative;
	display:block;
	width:200px;	
	text-align:center;	
	margin-left:10px;
	margin-top: 1px;
	
}
	
#droite {
    float:left;
	display:block;
	width:200px;	
	text-align:left;	
	margin-left:20px;
	margin-top: 1px;
	
}			
		
			
	#menu {
	display:block;
	float:left;
	text-align: left;
	top: 2px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width:225px;
	height: 240px;
	
		}
		
		#sous-menu {
	display:block;
	position: relative;
	width:225px;
	height:30px;
}
	
	#infos {
	display:block;
	float:left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 550px;
	}		
				
	#infos-texte {
	display:block;
	text-align: left;
	margin-top:10px;
	margin-right: 5px;
	margin-left: auto;
	position: relative;
	width: 530px;
	text-align:justify;
	}	
				
	#pied {
	display:block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width:800px;
	height: 20px;
	background-color:#748242;
				}	
				
			
		
		#pied-texte {
	display:block;
	position: relative;
	top:3px;
	}	
								
	#corps_gauche {
	display:block;
	float:left;
	position:relative;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 10px;
	border:solid;
	border-width:1px;
	border-color:#CC0000;	
	width:380px;
	height:245px;
					}	
	#corps_gauche2 {
	display:block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 10px;
	width:360px;
	height:245px;	
				}
				
		#corps_droite {
	display:block;
	float:left;
	position:relative;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 10px;
	border:solid;
	border-width:1px;
	border-color:#CC0000;	
	width:380px;
	height:245px;
					}	
	#corps_droite2 {
	display:block;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 10px;
	width:360px;
	height:245px;	
				}
				
				
				
		#bas {
	display:block;
	position:relative;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 10px;
	border:solid;
	border-width:1px;
	border-color:#CC0000;
	width:800px;	
	height:245px;
	}							
											
							
  .lienmenu {
	color:#FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	border-style:solid;
	border-width:0px;
	display:block;
	font-family: arial;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	height: 20px;
	border-top-color:#CCCCCC;
}
.lienmenu:hover {
	color:#FE1600;
	font-weight: bold;
	font-size: 11px;
	padding-left:5px;
	text-decoration:none;
	border-style:solid;
	border-width:0px;
	display:block;
	padding-top: 5px;
	padding-right: 5px;
	background-image: url(../style/img/menu-fd2.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F4DF00;
	height: 20px;
}

#ligne {
display:block;
position:relative;
border-bottom:1px dotted #8026b5;
margin-top:10px;
margin-left:15px;
}

#ligne2 {
display:block;
position:relative;
border-bottom:1px dotted #8026b5;
margin-left:15px;
}


#colonne {
display:block;
border-bottom:1px dotted #8026b5;
}

.style1 {font-size: 11px; color: #000000; font-family: "Arial";
font-weight:normal}
.style2 {font-size: 15px; color: #FF0000; font-family: "Arial"; font-weight:bold;}
.style3 {font-size: 12px; color: #000000; font-family: "Arial"; font-weight:bold;}
.style7 {font-size: 18px; font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;"; color: #000000;  text-decoration:underline;}
.style8 {font-size: 12px; color: #000000; font-family: "Arial"; }
.style9 {font-size: 14px; color: #000000; font-family: "Arial"; font-weight:bold;  text-decoration:underline; }
.titre-spectacle {font-size:14px; color:#681a96; font-weight:bold}
.titre-spectacle-prog {font-size:16px; color:#681a96; font-weight:bold}
.titre-spectacle-fiche {font-size:20px; color:#681a96; font-weight:bold}
.titre-distrib {font-size: 12px; color: #000000; font-family: "Tahoma"; font-weight:"normal"; font-style:italic;}
.zone-txt {background-color:#FFFFFF; font-size:12px;}