/* CSS Document */

body {background-color:#000000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	behavior: url("scripts/csshover.htc");
	text-decoration: none;
	}
	
	a {text-decoration:none; color: #3399CC;}

/*en tete titre*/
#header h1 {text-indent: -5000px; margin: 0; line-height: 0; }

/*corps central*/
#corps { position: relative; width: 750px; margin: 20px auto; padding: 0; }


/*index*/
#intro { position: absolute; width: 1024px; height: 800px; margin: 0; padding: 0;  background-image:url(fond-site.jpg); background-repeat:no-repeat;}

/*logo intro*/
#logointro { position: absolute; top: 30px; left: 90px; width: 312px; height: 135px; background-image:url(choregiesdorange.png);}

#langueintro {
	position:absolute;
	display:block;
	top: 100px;
	left: 410px;
	height: 10px;
	width: 300px;
	font-size:10px;
	color:black;
	text-transform:uppercase;
	text-align:center;
}
#langueintro a {
	text-decoration:none;
	color:#ffffff;
}
#date { position:absolute; top: 200px; right:100px; width: 300px; height: 60px; color:#FFFFFF; font-size:16px;}

/*tete*/
#logo { position: absolute; top: 0px; left: 90px; width: 162px; height: 70px; background-image:url(images/logo.jpg);}

#bandeau { position: absolute; top: 115px; left: 0px; width: 750px; height: 57px; background-image:url(images/bandeau-choregies.jpg);}

#menu {
	position: absolute;
	left: 100px;
	top: 83px;
	width: 650px;
	height: 32px;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu li {
	display: block;
	float: left;
	height: 26px;
	width: 128px;
	margin: 0px;
	margin: 0px;
	/*border-left: dotted;
	border-left-color:#3399FF;
	border-left-width: 1px;*/
}
#menu a {
	display: block;
	height: 28px;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	text-align:center; 
	list-style-type: none;
	/*filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity: 0.70;*/
	padding-top: 1px;
	padding-left: 0px;
}
#menu a:hover {
	color: #3399CC;
	}
#menu .select {
	color: #3399CC;
}
#langue {
	position:absolute;
	display:block;
	top: 87px;
	left: -7px;
	height: 10px;
	width: 100px;
	font-size:8px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
}
#langue a {
	text-decoration:none;
	color:white;
}
#periode {
	position: absolute;
	display: block;
	top: 0px;
	left: 500px;
	height: 50px;
	width: 200px;
}
#periode p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	font-style:italic;
	text-align:right;
	text-decoration:none;
}

/*programme*/
#menuprogramme {
	position: absolute;
	left: 90px;
	top: 172px;
	width: 140px;
	background-image: url(images/carres.jpg);
}
#menuprogramme ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 80px;
}
#menuprogramme li {
	margin-left:0px;
}
#menuprogramme a {
	display: block;
	border-bottom: solid 1px #FFF;
	text-align:center;
	font-weight: lighter;
	color: #fff;
	text-decoration: none;
	font-size:10px;
	list-style-type: none;
	/*filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity: 0.70;*/
	padding: 15px 0 15px 7px;
}
#menuprogramme a:hover {
	color: #3399CC;
}
#menuprogramme .select {
	color: #3399CC;
}
#cote {
	position: absolute;
	left: 0px;
	top: 600px;
	width: 215px;
	height: auto;
}
#cote p {
color:#EEEEEE;
font-size:10px;
}
#lien a {
	display:block;
	border-bottom: solid 1px #FFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	padding: 15px 0 15px 7px;
}
#lien a:hover {
	color: #3399CC;
}
/*texte*/

#texte {
	position: absolute;
	left: 240px;
	top: 170px;
	width: 510px;
	height:auto;
	color:#fff;
	}
#texte p, #texte h2, #texte h3, #texte h4 {
	margin-left: 40px;
}
#location {
	position: absolute;
	left: 170px;
	top: 150px;
	width: 470px;
	height:auto;
	background-image: url(images/bando.jpg); background-repeat:no-repeat;
	}
#location p, #location h2, #location h3, #location h4 {
	margin-left: 60px;
}
.espace {
	margin-top: 40px; 
	}
.date {
		font-size: 14px;
		color:#fff;
		line-height: 19px;
		}
.date2 {
		font-size: 14px;
		color:#fff;
		line-height: 2px;
		}
.report {
		font-size: 10px;
		line-height: 19px;
		color:#3399CC;
		}		
.report2 {
		font-size: 10px;
		line-height: 24px;
		color:#3399CC;
		}		
h3 {
font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 10px;
		}
.solistes {
font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		color:#FFFFFF;
		line-height: 20px;
		}
		
.titreprogramme {
font-family:Arial, Helvetica, sans-serif;
		font-size: 28px;
		color:#3399CC;
		font-weight:bold;
		line-height: 10px;
		}
.auteur {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:bold;
		line-height: 6px;
		}
h2 {
		font-size: 30px;
		color: #3399CC;
		line-height: 5px;
		}
h4 {font-size:10px;}

strong {
	font-weight:normal;
	color: #3399CC;
	}
.texte-bold {font-weight:bold;}
	
#periode a {
	color:#666;
	font-size: 9px;
	text-decoration: none;
	text-transform:uppercase;
	}	
#periode a:hover {
	color: #3399CC;	}	
	
.couleur {color: #3399CC}

.caps {text-transform:uppercase;}

.interligne {line-height:26px;}



#detail {
	width: 520px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#DDDDDD;
	font-style:italic;
	line-height: 20px;
}
#detail p {
margin-left: 0px;
}
.nonitalic {
	font-style:normal;
}
.habillage { display:block;margin:20px;}

.activite {color: #3399CC;}

.texte a {color:#ffffff}

#cote .credit {font-size:9px; color:#666; font-family:Arial, Helvetica, sans-serif;}
#texte .credit {font-size:9px; color:#666; font-family:Arial, Helvetica, sans-serif;}

#tableau {
display:block;
width:480px;
height:300px;
padding-bottom:10px;
padding-left:30px;
}

/*formulaire*/
#formulaire {
	width: 400px;
	height:auto;
	margin-left: 20px;
}

#nomExpediteur {
	width: 230px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	margin-bottom: 8px;
	margin-top: 4px;
}
#mailExpediteur {
	width: 230px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	margin-bottom: 8px;
	margin-top: 4px;
}
#objet {
	width: 230px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px;
	margin-top: 4px;
	margin-bottom: 8px;
}
#message {
	width: 230px;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 160px;
	padding: 4px;
	margin-top: 4px;
	margin-bottom: 8px;
}
input.bouton {
	background-color: #999999;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 4px;
}
input.bouton:hover {
	background-color: #FF9900;
	cursor: pointer;
}
input.bouton:active {
	background-color: #CCCCCC;
	cursor: pointer;