/* CSS Document */
body  {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:0.90em;
	color:#284F77;
	text-align:center;
	line-height:1.2em;
	position:relative;
}
img, div, body, h1, h2, h3, a{
	border:none;
	margin:0;
	padding:0;
}
p{
	margin:0.8em auto;
	padding:0;
}

#xiti{
	position:absolute;
	top:2px;
	left:12px;
}
/********************************************navigation principale*********************************/
#header{
	height:130px;
}

div#navigation{
	width:980px;
}
div#navigation img{
float:left;
}

/********************************Mise en page 3 COLONNES***********************************************/
/******************************************************************************************************/
div#colonneG {
	float: left;
	width: 203px;
	min-height:458px;
}
div#colonneG a.rubrique {/*navigation sur le coté (festival/presentation....)*/
	width: 203px;
	height:70px;
	display:block;
}

/*********************************************************************************************************/
div#colonneD {
	float: right;
}
div#colonneD div.news-cadreRect{
	margin:0.2em;	
	border:2px ridge silver;
}

div#colonneD div.news-cadre{/*mise en place du cadre en AP ----milieu du cadre-----*/
	width: 277px; /* largeur fixe pour le cadre.*/
	background:white url(../accueil/news/cadre-news/centre.jpg) repeat-y 0 0;
	text-align:left;
}div.news-cadre .cadre-sup{/*mise en place du cadre en AP ---haut du cadre-----*/
	width: 277px; /* largeur fixe pour le cadre.*/
	height:47px;
	background:white url(../accueil/news/cadre-news/haut.jpg) repeat-y 0 0;
}div.news-cadre .cadre-sous{
	width: 277px; /* largeur fixe pour le cadre.*/
	height:32px;
	background:white url(../accueil/news/cadre-news/bas.jpg) repeat-y 0 0;
}
div#colonneD div.news-cadre h3 {/*titre de la news*/
/*****permet d'adapter le titre au cadre arrondi*****/
	text-indent:44px;
	margin-top:-30px;
	padding-left:1em ;
	padding-right:1.2em;
}div#colonneD p {/*paragraphe de la news*/
	font-size: 0.8em;
	width:257px;/*centre le texte au milieu du cadre*/
}
div#colonneD img {/*alignement central des image dans la colonne newsD*/
	margin:0.5em auto;
}

/****************************************************************************************************/
div#conteneur-principal {/*hauteur définit pour la page d'accueil. Permet d'encadrer linformation pricnipal sans faire chevaucher le footer en bas de page*/
	height:850px;
	width:980px;
}
div#milieu {
	width:490px;/*largeur fixe obligatoire*/
	margin-left:205px;
	background:white url(../accueil/centre.jpg) repeat-y 0 0%;
}
div#milieu div#cadreB{/*bas du cadre qui entoure la divmilieu*/
	background:url(../accueil/bas.jpg) no-repeat;
	height:49px;
}
div#milieu p{
	width:450px;/*permet de centré le texte au milieu du cadre arondi*/
}
/*************************************************************************************************/
/********************************Mise En Page 2 COLONNES***************************************/
/**************************************************************************************************/
div#milieu2 {
	width:750px;
	margin-left: 216px;/*permet de caler le bloc a droite de la colonneG*/
	background: url(../img/cadre-centre.jpg) repeat-y;/*milieu du cadre au bord arrondi en AP*/
}
div#milieu2 .texte{
	padding:0 1.5em;
}

div#milieu2 div#cadreB{/*haut du cadre qui entoure la divmilieu*/
	background:url(../img/cadre-bas.jpg) no-repeat;
	height:44px;
	width:750px;
}
div#contenue-ascenseur{
	margin:1em;
	padding:0.5em;
	text-align:left;
	height:220px;
	overflow:auto;
	border:2px ridge #45B1D0;
}
/***********************************************/
div#conteneur-programme{
	width:700px;
	margin:0;
	padding:0;
	padding-left:1em;
	text-align:left;
	height:375px;
	overflow:auto;
}
div#conteneur-programme h1{
	color:#A12074;
	margin:0;
	margin-left:0.5em;
	padding:0;
	font-size:120%;
}
.programme{
	width:650px;
	height:220px;
	margin:1em 0.5em;
	padding:0.3em;
	border: 2px ridge #45B1D0;
}
div.programme img{
	float:left;
	margin:0.3em;
	margin-right:0.5em;
}
div.programme p{
	margin:0.3em;
	margin-right:0.5em;
}

div.programme div.info{
	float:right;
	font-size:80%;
	color:black;
}
/*****************************************/
div#contenue-fixe{
	margin:0em 1.2em;
	margin-top:-1.5em;
	padding:0.5em;
	text-align:left;
}																									
div#contenue-fixe h3 {
	font-size:90%;
}
div#contenue-fixe img{
	margin:0;
	padding:0;
	text-align:center;
}																									

div#milieu2 ul{
	margin:0.2em 1em;
	padding:0;
}
div#milieu2 ul.sanspuce{
	list-style-type:none;
	margin:0.5em;
	padding:0;
}

/********************************Mise En Page Général***************************/
.floatgauche{
	float:left;
	margin:0.5em;
	padding:0.5em;
}
/******************************texte*********************************/
h1, h2, h3{
	font-family: "comic sans ms", arial, helvetica;
	margin:0.2em 0;
	line-height:1.6em;
}
h1{
	font-size:1.25em;
}h2{
	font-size:1.1em;
	color:#CC3399;
}h3{
	font-size:0.95em;
	color:#A12074;
}
em{
	font-size:0.90em;
}
/**********************liens general*********************/
div#nav-principal a:link, div#nav-principal a:hover, div#nav-principal a:visited{
	text-decoration:none;
	color:none;
	padding:0;
}
a{
	text-decoration:underline;
}
a:link{
 	color:#660066;
}
a:hover{
	color:#9B1B72;
	text-decoration:none;
}
a:visited{
	background:none;
	color:#3366FF;
	text-decoration:underline;
}

/*********************foot**************************/
#footer{
	height:3.5em;
	background:#36AACD;
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	font: normal 0.85em "comic sans ms", arial, helvetica;
	color:white;
	text-align:center;
}
a.footer{
	color:#000066;
}