/* CSS Document Fred Maurin MARS2007 */

/*-----NEWS------------------------------------*/		
#centre{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	height:300px;
	width:750px;
	text-align:justify;
	overflow:auto;
	padding:5px;
	background-image:url(../images/cartegeante.jpg);
	background-position: top right;
	background-repeat:no-repeat;}

#textenews{
margin-top:5px;}

#imagenews{
float:left;
margin:5px 5px 5px 0;}

#centre a{
color:#FF6600;
text-decoration:none;
font-weight:bold;}

#centre a:hover{
color:#CCCCCC;}

.urlnews{
float:right;
margin:5px 10px 0 0;}

* html #imagenews img{
	border:1px #FF6600;}


/*-----PARCOURS------------------------------------*/	

	.photos1{
	float:left;
	width:122px;
	margin-left:5px;}
	#centre2{
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	margin-left:2px;
	height:auto;
	width:500px;
	text-align:center;
}

#centre2 ul{
	list-style-type:none;
	background-color:#000000;
	font-size:1.2em;}
	
#centre2 li{
	list-style-type:none;
	background-color:#000000;
	color:#FFFFFF;
	font-size:1em;
	line-height:14px;
	padding:0px 0px 2px 0px;}
	
	#centre2 a:link, #centre2 a:visited{
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;}
	
	#centre2 a:hover{
	text-decoration:underline;}
	
	#list1{
	float:right;
	width:200px;
	margin-right:5px;
	margin-top:-10px;}
	#intro{
	float:left;
	width:auto;
	text-align:justify;
	margin-left:15px;}
	
	#list2{
	width:488px;
	float:left;
	margin-left:12px;}
	
	.annee{
	padding:2px;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;}
	

	
	.photos2{
	float:right;
	width:122px;
	margin-right:5px;}
	.txtstyle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFFFFF;
	background-color:#000000;
	width:260px;
	text-align:justify;}
	
.txtstyle:first-letter{
	font-size:1.4em;
	color:#FF6600;
	font-weight:bold;}

.txtstyle2 {
	font-size:1.1em;
	color:#000000;
	background-color:#FFFFFF;
	padding:5px;
	font-variant:inherit;}
	
/*-----DISTRIBUTION------------------------------------*/	
	.centre3{
		margin-top:10px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		width:660px;
		text-align:center;}
	.colonne{
	width:220px;
	height:auto;
	float:left;}	
	.membre{
	width:190px;
	height:150px;
	padding:2px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;}
	
	.membre a:link, .membre a:visited{
	display:block;
	font-size:1em;
	text-decoration:none;
	border:thin #000000 dashed;}
	.membre a:hover{
	border-color:#FF6600;}
	.membre h2{
	font-size:1.1em;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
	background-color:#FF6600;}
	.membre p{
	font-size:1em;
	color:#000000;
	padding:2px;
	background-color:#FF6600;}
	
	.popup a:link, .popup a:visited{
	color:#FFFFFF;
	font-size:0.9em;
	background-color:#333333;
	border-width:thin;
	border-color:#666666;
	border-style:ridge;
	padding:3px;
	text-decoration:none;}
	.popup a:hover{
	background-color:#000000;
	border-width:thin;
	border-color:#FF6600;
	border-style:ridge;}
	.popup h2{
	font-size:1.3em;
	color:#000000;
	padding:2px;
	background-color:#FF6600;}

	
/*-------SPECTACLES------------------------*/
.intro_spectacle{
	margin-bottom:5px;
	margin-left:5px;
	float:left;
	height:auto;
	width:380px;
	text-align:center;}
#intro2{
	float:left;
	width:380px;
	height:auto;
	text-align:justify;
	margin-left:15px;
	background-image:url(../images/backcollabo.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;}

.collaboration{
	float:left;
	margin:15px 8px 3px 0px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	width:auto;
	text-decoration:none;
	text-align:center;}
	
	
.bxtras{
	width:160px;
	margin:10px 10px 5px 0px;
	float:left;
	line-height:15px;}
	
.intro{
	float:left;
	margin-left:10px;
	width:100%;
	text-align:justify;}
	
	
.txtstyle_spectacle{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:1.1em;
	color:#FFFFFF;
	background-color:#000000;
	text-align:justify;
	width:auto;
	line-height:1.4em;}
	

.txtstyle1_spectacle{
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#FFFFFF;
	width:200px;
	float:left;
	text-align:left;
	padding:5px;
	border-right-color:#FFFFFF;
	border-right-style:solid;
	border-right-width:1px;}
.txtstyle2_spectacle{
	margin-top:9px;
	margin-left:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#999999;
	width:164px;
	float:left;
	text-align:left;}
	
.photos_spectacles{
	float:right;
	width:350px;
	margin-right:5px;}

* html .photos_spectacles{
	margin-right:-5px;}

	
.boxextras{
	float:left;
	width:388px;
	height:auto;
	text-align:center;
	margin-top:15px;
	margin-left:5px;
	background-color:#333333;
	line-height:14px;}
	

.video{
	float:left;
	width:360px;
	height:auto;
	margin:10px 0px 5px 20px;
	background-color:#333333;}
		
.extraits{
	background-image:url(../images/bout_sona.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:auto;
	height:31px;
	text-align:left;
	font-size:1.4em;
	padding-left:40px;
	letter-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-style:italic;}	

.media{
background-color:#FF6600;}

	
.bxtras li{
	list-style:none;
	margin:5px;
	padding:0px;
	background-color:#FF6600;}
	

	
/* ------- FICHES & PRESSE------------------- */

.fiches{
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
	padding:5px;
	border:dashed thin #FF6600;
	text-align:left;
	line-height:1.6em;
	width:600px;}

/* -------- GALERIE PHOTOS ------------------------- */

.galerie a:link, .galerie a:visited{
display:block;
height:20px;
width:auto;
padding:3px 3px 3px 20px;
border-bottom-width:thin;
border-bottom-color:#FF6600;
border-bottom-style:solid;
background-image:boutphotoa.jpg;
background-repeat:no-repeat;
background-position:left;}

.galerie a:hover{
border-bottom-width:thin;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
padding:3px 3px 3px 30px;}


/*----- LIENS ET ADRESSES ------------------------------------*/	
	
	.liens{
	margin-left:10px;
	padding:5px;
	float:left;
	width:126px;
	height:135px;
	text-align:center;}
	.liens a:link, .liens a:visited{
	display:block;
	font-size:1em;
	text-decoration:none;
	border:thin #000 solid;
	color:#FFFFFF;
	font-weight:normal;
	padding:3px;}
	.liens a:hover{
	border:thin #FF6600 dashed;
	color:#CCCCCC;}


/*----- PLAN du site ------------------------------------*/	

#plansite{
width:730px;
height:473px;
margin-right:auto;
margin-left:auto;
background-image:url(../images/backplan.jpg);
background-position: bottom right;
background-repeat:no-repeat;}

.plan{
float:left;
text-align:left;
width:300px;
margin-left:70px;
margin-top:30px;
}
	
.plan li{
margin-left:30px;
line-height:1.8em;
list-style-type:none;
border-top:thin solid #666;}


/*----- CONTACT ------------------------------------*/
.formulaire{
width:700px;
height:350px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-image:url(../images/bando_contact.jpg);
background-position: top right;
background-repeat:no-repeat;}
.adresse{
float:left;
margin-top:250px;
width:370px;
text-align:center;
line-height:18px;}
#form{
width:330px;
margin-top:10px;
height:auto;
float:left;}
.blanc{color:#FFFFFF;}
.orange{color:#FF6600;}
#message{
margin-top:10px;
margin-bottom:5px;}