/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "flexcrollstyles.css";

h1{ /*----------Titre paragraphe-----------*/
	color:#4e6f80;
	font-size:1.8em;
	font-weight:bold;
	line-height:normal;
	border-bottom:1px solid #dde0f1;
	margin:0 0 15px 0;
}

/*---------------------------------CollLeft Accueil--------------------------------------*/
#collLeft{
	float:left;
	width:475px;
	min-height:130px;
	height:auto !important;
	background:url(../images/charte/bienvenue.jpg) no-repeat top left;
	padding:130px 0 0 0;
}

#edito{
	scrollbar-base-color:#fff;
	float:left;
	width:465px;
	height:188px;
	overflow:auto;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
}

#actu-festival {
height:160px;
}

#actu-festival p{
margin-right:10px;
text-align:justify;
}

#actu-festival h2{
margin:0 0 5px 0;
padding:0;
}


#collLeft h2{/*----------Liens + d'infos-----------*/
	font-size:1.2em;
	font-weight:bold;
	line-height:normal;
	background-color:#e5e8f4;
	clear:both;
	margin:10px 0 10px 0;
}

#collLeft h2 a:link,#collLeft h2 a:visited{
	color:#455a99;
	text-decoration:underline;
}
#collLeft h2 a:hover{
	color:#455a99;
	text-decoration:none;
}
/*--------------------------------FIN  CollLeft Accueil--------------------------------------*/



/*---------------------------------CollRight Accueil--------------------------------------*/
#collRight{
	float:left;
	width:470px;
	min-height:100px;
	height:auto !important;
	padding:37px 0 0 15px;
		
}
#collRight #diaporama{
	float:left;
	width:225px;
	height:340px;
	padding:0 0 6px 0;
}

#collRight #presentation{
	float:left;
	width:230px;
	height:340px;
	padding:0 0 6px 10px;
}
.titre-rouge-grand{
	font-size:1.3em;
	font-weight:bold;
	line-height:normal;
	text-transform:uppercase;
	color:#FF9900;
}
.titre-rouge-moyen{
	font-size:1.1em;
	font-weight:bold;
	line-height:normal;
	text-transform:uppercase;
	color:#FFCC00;
}
#collRight h2{ /*----------Titre paragraphe-----------*/
	color:#000000;
	font-size:1.6em;
	font-weight:bold;
	line-height:normal;
	padding:20px 0 15px 0;
	clear:both;
}
#lieux{
	float:left;
	width:220px;
	height:225px;
	overflow:auto;
	padding:0 10px 0 0;
	margin:0;
	scrollbar-base-color:#fff;
	
}
#collRight a:link,#collRight a:visited{
	text-decoration:underline;
	color:#455a99;
}
#collRight a:hover{
	text-decoration:none;
	color:#455a99;
}

/*---------------------------------Fin CollRight Accueil--------------------------------------*/


.txtgras-alignedroite{
	font-weight:bold;
	float:right;
}
.txtgras{
	font-weight:bold;
}
.txtgrasrouge{
	font-weight:bold;
	color:#0058f8;
}
.alignecentre{
	text-align:center;
}


/*------------------------------- partie gauche --------------------------------------------*/
#bloc-gauche{
	scrollbar-base-color:#fff;
	float:left;
	width:440px;
	overflow:auto;
	margin:0 0 10px 0;
	padding:30px 10px 0 30px;
	min-height:500px;
}

#bloc-gauche h2{
	font-size:1.2em;
	font-weight:bold;
	line-height:normal;
	background-color:#e5e8f4;
	margin:30px 0 10px 0;
	padding:3px;
}

#bloc-gauche h3{
	font-size:1em;
	font-weight:bold;
	line-height:normal;
	margin:30px 0 10px 0;
}

#bloc-gauche h2 a:link,#bloc-gauche h2 a:visited{
	color:#455a99;
	text-decoration:underline;
}
#bloc-gauche h2 a:hover{
	color:#455a99;
	text-decoration:none;
}

#bloc-gauche  p{
margin:10px 0 20px 0;
line-height:15px;
}

#bloc-gauche .center-left p{
text-align:center;
margin:10px 0 20px 0;
line-height:25px;
}

#bloc-gauche .center-left h3{
text-align:center;
font-size:15px;
margin: 0 0 40px 0;
}

/*----------------------------------- partie droite -----------------------------------------*/

#bloc-droite{
	float:left;
	width:430px;
	padding:55px 0 0 30px;	
}

#bloc-droite h2{ 
	background-color:#EFF1FA;
	font-size:1.2em;
	font-weight:bold;
	line-height:normal;
	margin:10px 0 0px 0;
	padding:3px;
}

#bloc-droite h3{ 
	margin:0 0 5px 0;
	border-bottom:1px solid #dde0f1;
}

#bloc-droite a:link,#bloc-droite a:visited{
	text-decoration:underline;
	color:#455a99;
}
#bloc-droite a:hover{
	text-decoration:none;
	color:#455a99;
}

#bloc-droite ul {
margin-bottom:20px;
}



#bloc-droite li {
list-style-type:none;
background:url(../images/charte/puce1.gif) no-repeat 5px 3px;
margin:5px 0 5px 0;
padding:0 0 0 15px;
}
#bloc-droite .input {
border-bottom: 1px dotted #ccc;
margin:0 0 20px 0;
float:right;
color:#666;
}
#bloc-droite select {
width:150px;
font-size:1em;
color:#666;
border: 1px solid #ccc;
}
/*----------------------------- formulaire de contact ------------------------*/
label {
float:left;
width:120px;
text-align:right;
margin:0 10px;
}

input {
margin:0 10px;
width:200px;
border:1px solid #4e6f80;
font-size:1em;
color:#4E6F80;
}
input.radio {
border:0px;
width:11px;
margin:0 3px 0 10px;
vertical-align:middle;
}
textarea {
width:200px;
margin:0 10px;
border:1px solid #4e6f80;
font-size:1em;
color:#4E6F80;
font-family:Arial, Helvetica, sans-serif;
}


.bouton{
	width:127px;
	cursor:pointer;
	color:#4e6f80;
	margin:20px 0 10px 5px;
	padding:0;
	font-size:10px;
	border: 1px solid #4e6f80;
	background-color:#fff;
}

.nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	text-align:right;
	line-height:12px;
	margin-top:10px;
}

/*------------------- salles ---------------------------*/
#salles {
	text-align:center;
	margin:20px 0 0 0;
}

#salles p{
	margin:7px 0 7px 0;
}

img.noborder {
	border:none;
}

/*-------------palmares 2007 ------------------------*/
#palmares-2007{
	width:680px;
	margin:0;
	position:relative;
	font-size:1em;
	line-height:1.3em;
	text-align:center;
	color: #4e6f80;
	background:url(../images/charte/bg-contenu.jpg) no-repeat scroll center top;
	padding:0 0 36px 10px;
}

#palmares-2007 #bloc-droite, #palmares-2007 #bloc-gauche{
	float:left;
	width:290px;
	padding:0 15px 0 20px;
	margin:25px 0 5px 0 ;	
	text-align:justify;
}

#palmares-2007 #bloc-droite{
	border-left:1px solid #dde0f1;
}


#palmares-2007 #bloc-droite h2, #palmares-2007 #bloc-gauche h2{
	color:#f90;
}

#palmares-2007 #bloc-droite  h3, #palmares-2007 #bloc-gauche h3{
	margin-top:25px;
	font-size:12px;
	border-bottom:1px solid #dde0f1;
}

/*---------------------------------------------------*/
/*------------ DEBUT INTE COMPLETE MATHIEU ----------*/
/*---------------------------------------------------*/



/* ***************** GALERIE PHOTOS ***************** */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 170px;
	border:1px solid  #ccc;
	text-align:center;
}
#contenu .gallery img {
	background: #fff;
	padding: 4px;
}
.gallery span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 46px;
	background: url(../images/tape.png) no-repeat;
}
.gallery a:link, .gallery a:visited {
	text-decoration: none;
	text-align:center;
	display:block;
	height: 133px;
}
.gallery em {
	display: block;
	padding:3px 0 3px 0 ;
	text-align: center;
	color: #333;
	
}
.gallery a:link em, .gallery a:visited em{
	text-decoration: none;
}

.gallery a:hover em {
	background: #FBBA00;
	border-color: #ccc;
	color: #fff;
}



#contenu p.pagination {
	float:left;
	font-size:11px;
	font-weight:bold;
	margin:5px 20px 0pt 0px;
	text-align:center;
	width:100%;
}
/***************** FIN GALERIE PHOTOS*****************/



/*--------------------------------- lE PROGRAMME--------------------------------------*/

#liens-programme{
	margin:15px auto;
	border:1px solid #ccc;
	padding:17px 7px 7px 7px;
	position: relative;
	width: 170px;
	text-align:center;
}
#liens-programme p{
}
#liens-programme span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 52px;
	background: url(../images/tape.png) no-repeat;
}

#liens-programme a:link, #liens-programme a:visited {
	text-decoration: none;
	text-align:center;
}

#tableau-programme {
	margin:0 auto;
	/*width:965px;*/
	border:1px solid #CCCCCC;
}
#tableau-programme .separation{
	background-color:#ccc;
	width:3px;
}
#tableau-programme .date-noire, #tableau-programme .date-blanche{
	font-weight:bold;
	font-size:1.2em;
	height:25px;
	text-align:center;
	width:96px;
}
#tableau-programme .date-noire{
	background-color:#696969;
	color:#fff;
	border-left:none;
}
#tableau-programme .date-blanche{
	background-color:#fff;
	color:#696969;
	border-left:none;
}
#tableau-programme th{
	font-size:1.4em;
	height:35px;
	border-left:1px solid #CCCCCC;
}
#tableau-programme td{
	width:120px;
	text-align:center;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:2px 2px 2px 2px;
	margin:2px 2px 2px 2px;
}
#tableau-programme th.zola, #tableau-programme td.zola, #tableau-programme td.centreculturel, #tableau-programme th.centreculturel, #tableau-programme td.larotonde, #tableau-programme th.larotonde{
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#tableau-programme th.zola, #tableau-programme td.zola{
	background-color:#fbba00;
}
#tableau-programme th.larotonde, #tableau-programme td.larotonde{
	background-color:#406D28;
}
#tableau-programme td.centreculturel, #tableau-programme th.centreculturel{
	background-color:#1a82c9;
}
#tableau-programme td.centreculturel, #tableau-programme td.zola{
	height:20px;
	width:96px;
	font-size:1.2em;
}
#tableau-programme .zola-vide{
	background-color:#f8d87c;
}
#tableau-programme .culturel-vide, #tableau-programme .centreculturel-vide {
	background-color:#9abed6;
}
#tableau-programme .larotonde-vide{
	background-color:#adcb9e;
}

#tableau-programme .interdit{
	color:#CC0000;
	font-weight:bold;
}
#tableau-programme .titre{
	font-weight:bold;
	text-transform:uppercase;
}
#tableau-programme .avant-titre{
	font-size:0.9em;
}
#contenu #tableau-programme a.avant-titre{
	color:#5A8616;
	text-decoration:none;
}

#tableau-programme .infos{
	font-weight:bold;
	color:#F6B402;
}
#tableau-programme .rencontre{
	color:#CC0000;
	font-weight:bold;
}
#tableau-programme .evenement{
	color:#F4880C;
	font-weight:bold;
	font-size:1.1em;
	text-transform:uppercase;
}
#contenu #tableau-programme a.titre{
	color:#4E6F80;
	text-decoration:none;
}




/*--------------------------------- FICHE THEMES--------------------------------------*/

#theme_presentation{
	width:270px;
	border-right:1px solid #000;
	float:left;
	padding:0px 20px 0px 0px;
}

#theme_programme{
	width:650px;
	float:right;
}

.theme_programme_wrapper{
	margin:15px 0 0px 0;
	float:left;
	padding:10px;
	border-bottom:1px dotted #CCC;
	background:#eff1fa;
}

.theme_programme_wrapper .theme_blocVisuel{
	width:160px;
	float:left;
}

.theme_programme_wrapper .theme_blocTexte{
	margin:0 0 0 170px;
}

.theme_programme_wrapper_alter{
	margin:15px 0 0px 0;
	float:left;
	padding:10px;
	border-bottom:1px dotted #CCC;
}

.theme_programme_wrapper_alter .theme_blocVisuel{
	width:160px;
	float:right;
}

.theme_programme_wrapper_alter .theme_blocTexte{
	margin:0 170px 0 0;
}





/*--------------------------------- FICHE PROGRAMME--------------------------------------*/

#prog_presentation{
	margin: 0 0 30px 0;
}

#prog_film{
border-top:3px solid #CCC;
padding:6px 0 0 0;
}



#prog_presentation .presentation_blocVisuel{
	width:270px;
	height:270px;
	float:left;
	margin:0 30px 0 0;
	padding:0 15px 0 0;
	text-align:center;
}

#prog_presentation .presentation_blocTexte{
	float:left;
	width:310px;
}
#prog_presentation .presentation_blocIllus{
	float:right;
	width:304px;
	height:116px;
}


.film_wrapper{
	width:440px;
	margin:15px 15px 0px 0;
	float:left;
	padding:10px;
	border-bottom:1px dotted #CCC;
	position:relative;
	background:#eff1fa;
}

.film_wrapper .film_blocVisuel{
	width:160px;
	float:left;
}

.film_wrapper .film_blocTexte{
	margin:0 0 0 170px;
}


/*--------------------------------- FICHE Jury--------------------------------------*/

.jury_wrapper{
	width:100%;
	margin:15px 0 0px 0;
	float:left;
	padding:0 0 15px 0;
	border-bottom:1px dotted #CCC;
	position:relative;
}

#contenu .jury_wrapper h3{
	border:0px;
}
.jury_wrapper .juryblocVisuel{
	width:100px;
	float:left;

}

.jury_wrapper .juryblocTexte{
	margin:0 0 0 120px;
}


/*--------------------------------- FICHE PRIX--------------------------------------*/

.prix_wrapper{
	width:100%;
	margin:15px 0 0px 0;
	float:left;
	padding:0 0 15px 0;
	border-bottom:1px dotted #CCC;
	position:relative;
}
#contenu .prix_wrapper h3{
	border:0px;
}
.prix_wrapper .prixblocVisuel{
	width:60px;
	float:left;
}

.prix_wrapper .prixblocTexte{
	margin:0 0 0 80px;
}



/*--------------------------------- FICHE FILM--------------------------------------*/

#contenu.contenu_frame{
background:none;
width:530px;
padding:0px;
margin:0px;
min-height:100%;
}

.fiche_film_wrapper{
	width:520px;
	margin:15px 0 0 10px;
	float:left;
	padding:0;
	position:relative;
	color: #4e6f80;
}

.fiche_film_wrapper p{
	margin:0px 0 15px 0;
}

.fiche_film_wrapper h3{
	border:0px;
	font-size:1.4em;
}
.fiche_film_wrapper .fiche_filmblocVisuel{
	width:200px;
	float:left;
}

.fiche_film_wrapper .fiche_filmblocTexte{
	margin:0 0 0 220px;
}