s@charset "utf-8";
/* CSS Document */

/**** generalite ****/
*{
margin:0;
padding:0;
border:0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#C70505;
	background-image:url(img/fond.gif);
	background-repeat: repeat-y;
	background-position:center;
	margin:auto;
	font-size:12px;
}

.gauche{float:left;}
.droite{float:right;}
.rouge{color:#ff0000;}
.gris{color:#807f84;}
.rougefonce{color:#990000;}

img{
	border:none; 
	margin:10px;
}


h1{
	font-family:"Times New Roman", Times, serif;
	font-size:62px;
	margin:10px;
}

h2{
	font-family:"Times New Roman", Times, serif;
	font-size:52px;
	font-weight:100;
	margin:0;
	color:#807f84;
	/*line-height:0.6em;*/
}

h3{
	margin:0;
}

h4{
	font-size:24px;
	color:#990000;
	margin:0;
}

p{
	text-align:justify;
	margin-top:0;
	margin-bottom:10px;
}

cite{
	color:#807f84;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	padding:10px;
}

a:link{color:#990000;}
a:visited{color:#cc6666;}
a:hover{color:#ff0000; text-decoration:none}
a:active{color:#ff0000; text-decoration:none}


/**** conteneur ****/
#conteneur{
	width:902px;
	filter: none;
	background-color:#FFFFFF;
	margin:auto;
}

/**** header ****/
#header{
	background-image:url(img/header.jpg);
	height:183px;
	padding: 0 4px 0 4px;
	background-repeat:no-repeat;
	padding:5px;
	margin:auto;
}

#header a:link, #header a:visited, #header a:hover, #header a:active{color:#000;text-decoration:none;}

#header p{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#header h1{
	font-size:42px;
	margin:0;
	padding-left:260px;
	margin-top:10px;
}

.centrer{
	padding-left:265px;
}

/**** navigation ****/
#colonnegauche{
	width:340px;
	float:right;
}

#menu{
	float: right;
	width: 225px;
	padding-left:20px;
	margin-bottom:20px;
	border-left:1px solid #FFCCCC;
} 

#menu ul li{
	list-style:none;
}

#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	color: #bb0000;
	width: 200px;
	font: 12px "Trebuchet MS", sans-serif;
}

#navigation a, #navigation span {
	display: block;
	padding: 5px 20px;
	margin-top:10px;
	color: #bb0000;
	text-decoration: none;
	text-align:right;
	background:url(img/menu-item.gif) left bottom no-repeat;
}
			
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	background-image: url(img/menu-item.gif);
	color: #bb0000;
}
			
#navigation .open a, #navigation .open span {
	background-image: url(img/menu-item-enroule.gif);
	text-align:left;
	color: #ff0000;
}

#navigation a:hover, #navigation a:focus, #navigation a:active {
	text-decoration: none;
}

#navigation .subMenu {
	font-size: 1em;
	font-size: 1em;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ff0000;
}

#navigation ul.subMenu a {
	background: none;
	padding: 3px 40px;
	color:#807f84;
	text-decoration:underline;
}

/**** savoir ****/
#savoir{
	background-image:url(img/savoir.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:200px;
	width:200px;
}

#savoir ul{
	margin:0px;
	padding:0px;
	padding-top:45px;
	font-size:12px;
	padding-left:15px;
}

#savoir ul li{list-style:none;}

#savoir ul li a:link{color:#FFF;}
#savoir ul li a:visited{color:#FFF; text-decoration:underline}
#savoir ul li a:hover{color:#FFF;text-decoration:none;}
#savoir ul li a:active{color:#FFF;text-decoration:none;}

/**** milieu ****/
#milieu{
	padding:10px;
	width:879px;
}

/**** invitation ****/
#invitation{
	background-color:#e4e4e4;
	height:440px;
	width:215px;
	clear:both;
	margin-left:100px;
	
}
	
#invitation img{
	margin-left:10px;
	margin-top:20px;
}

#invitation h1{
	color:#990000;
	font-size:16px;
	margin:5px;
}

/**** partenaires ****/
#partenariat{
	witdh:330px;
	height:355px;
	clear:both;
	background-image:url(img/partenaires.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-position:bottom;
	font-size:11px;
	color:#FFF;
	padding:0;
}

#partenariat ul li{
	list-style-type:square;
}

#partenariat ul li a:link{color:#FFF;}
#partenariat ul li a:visited{color:#FFF;}
#partenariat ul li a:hover{color:#FFF;text-decoration:none;}
#partenariat ul li a:active{color:#FFF;text-decoration:none;}

#partenariat h1{
	color:#ff0000;
	font-size:16px;
	padding-left:20px;
	padding-top:20px;
}


/**** contenu ****/
#contenu{
	width:535px;
}

#contenu table{
	border: 2px solid #ff0000;
	margin:20px;
}

#contenu th{
	color:#990000;
	font-size:18px;
}

/**** accueil ****/
#accueil{
	width:535px;
}

#accueil table{
	margin:5px;
}

#accueil th{
	color:#807f84;
	font-size:18px;
	text-align:left;
}

#accueil td{
	border-bottom: 2px solid #e4e4e4;
}

#accueil td img{
	float:left;
}

#accueil td p{	
	padding-top:10px;
}

/*** archives ****/
#archives{
	background-color:#a9a9a9;
	width:825px;
	clear:both;
	color:#FFFFFF;
	padding:10px;
	font-size:14px;
}

/**** programme ****/
#programme{
	background-image:url(img/programme_fond.jpg);
	background-repeat:no-repeat;
	text-align:center;
	width:560px;
	height:790px;
	padding:35px;
	font-size:11px;
}

#programme ul{
	margin:0;
}

#programme ul li{
	list-style-type:none;
}

/**** artistes ****/
#artistes{
	width:480px;
	padding:10px;
	background-color:#a9a9a9;
	color:#fff;
	margin:10px;
}
#artistes p{font-size:12px;}


/**** evenements ****/
#evenements{
	width:555px;
	margin-left:20px;
}

#evenements th{
	background-image:url(img/th.jpg);
	background-repeat:no-repeat;
	color:#990000;
	padding:5px;
	font-size:14px;
	text-align:left;
}


/****footer****/
#footer{
	clear:both;
	padding:10px;
	height:60px;
	text-align:center;
	font-size:12px;
	margin-top:25px;
}

#footer p{
	text-align:center;

}