/* 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:#5a8616;
	font-size:1.8em;
	font-weight:bold;
	line-height:normal;
	border-bottom:1px solid #dde0f1;
	margin:0 0 15px 0;
	padding-top:10px;
}
h2{ /*----------Titre paragraphe-----------*/
	color:#F4880C;
	font-size:1.5em;
	font-weight:bold;
	line-height:normal;
	border-bottom:1px solid #dde0f1;
	margin:0 0 15px 0;
	padding-top:10px;
}

#contenu p{
	margin:10px 0;
}

#contenu .grand{
	font-size:1.3em;
	font-weight:bold;
}

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

#edito{
	scrollbar-base-color:#5a8616;
	float:left;
	width:465px;
	height:188px;
	overflow:auto;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
}
#actu-festival{
	scrollbar-base-color:#5a8616;
	float:left;
	width:465px;
	height:160px;
	overflow:auto;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
}
#contenu #actu-festival p.titre-actu{
	background-color:#FCF9C8;
	font-size:1.2em;
	font-weight:bold;
	color:#F4880C;
	margin-bottom:0;
}
#collLeft h2{/*----------Liens + d'infos-----------*/
	font-size:1.2em;
	font-weight:bold;
	line-height:normal;
	background-color:#fcf9c8;
	clear:both;
	margin:10px 0 10px 0;
}

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



/*---------------------------------CollRight Accueil--------------------------------------*/
#collRight{
	float:right;
	width:450px;
	min-height:100px;
	height:auto !important;
	height:100px;
	padding:37px 0 0 15px;
		
}
#collRight #diaporama{
	float:left;
	width:210px;
	height:340px;
	padding:0 0 6px 0;
}
#collRight #diaporama a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#collRight #diaporama a:hover img{
	border:none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}

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

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


.txtgras-alignedroite{
	font-weight:bold;
	float:right;
}
.txtgras{
	font-weight:bold;
}
.txtgrasrouge{
	font-weight:bold;
	color:#bd2225;
}




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

#liens-programme{
	width:640px;
	margin:0px auto;
	height:100px;

}
#liens-programme p{
	float:left;
	margin-right:15px;
}

#tableau-programme {
	margin:0 auto;
	width:965px;
	border:1px solid #CCCCCC;
}
#tableau-programme .separation{
	background-color:#ccc;
	width:5px;
}
#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:#333;
	color:#fff;
	border-left:none;
}
#tableau-programme .date-blanche{
	background-color:#fff;
	color:#333;
	border-left:none;
}
#tableau-programme th{
	font-size:1.4em;
	height:35px;
	border-left:1px solid #CCCCCC;
}
#tableau-programme td{
	width:150px;
	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{
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#tableau-programme th.zola, #tableau-programme td.zola{
	background-color:#F4880C;
}
#tableau-programme td.centreculturel, #tableau-programme th.centreculturel{
	background-color:#EC1C24;
}
#tableau-programme td.centreculturel, #tableau-programme td.zola{
	height:20px;
	width:96px;
	font-size:1.2em;
}
#tableau-programme .zola-vide{
	background-color:#F6CC9C;
}
#tableau-programme .culturel-vide{
	background-color:#D0D6C6;
}

#tableau-programme .interdit{
	color:#CC0000;
	font-weight:bold;
}
#tableau-programme .titre{
	font-weight:bold;
}
#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;
}
#contenu #tableau-programme a.titre{
	color:#980D12;
	text-decoration:none;
}



/*--------------------------------- LISTE DES FILMS--------------------------------------*/

#liste-films h3{
	background-color:#F4880C;
	width:950px;
	height:20px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	margin:10px 0;
	font-size:1.4em;
	padding-left:10px;
}
#tableau-films th{
	font-weight:bold;
	font-size:1.2em;
	width:400px;
	text-align:left;
}
#tableau-films .auteur{
	width:150px;
}
#tableau-films .date{
	font-weight:bold;
	width:70px;
}



/*--------------------------------- RENCONTRES ET DEBATS--------------------------------------*/

#contenu #intro-rencontres{
	margin:0px auto 0 auto;
	width:500px;
	border-left:10px solid #EC1C24;
	padding-left:25px;
	line-height:20px;
	font-size:15px;
}
#rencontres-gauche{
	float:left;
	width:450px;
	margin-top:20px;
	/*border:1px solid red;*/
}
#rencontres-droite{
	float:right;
	width:450px;
	margin-top:20px;
	/*border:1px solid red;*/
}
.bloc-rencontres{
	float:left;
	margin:15px 0 0 0;
	width:450px;
}
.bloc-rencontres .grand{
	color:#F4880C;
}
#contenu .bloc-rencontres .details{
	margin-top:0;
}




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

#film {
	width:950px;
	float:left;
	padding:2px;
	text-decoration:none;
	margin:10px 0px 5px 0;

}
#film a:link, #film a:visited{
	font-weight:bold;
}
#film p.titre{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FC9700;
}

#film p.avertissement{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#EC1C24;
	padding-top:5px;
}
#film p{
	padding:3px 0 3px 0;
}
#film-gauche{
	float:left;
	width:250px;
}
#film-droite .auteur{
	font-style:italic;
}
#contenu #film-droite .coup-coeur{
	margin:0;
	padding:0;
}
#film-droite{
	float:left;
	width:350px;
}
#film-gauche a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#film-gauche a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
#film-infos{
	float:right;
	width:250px;
	border-left:8px solid #EC1C24;
	padding:15px;
}



/*--------------------------------- TARIFS--------------------------------------*/

#tarifs-gauche{
	float:left;
	width:450px;
}
#tarifs-droite{
	float:right;
	width:450px;
}
#tarifs h3{
	background-color:#F4880C;
	/*width:950px;*/
	height:20px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	margin:10px 0;
	font-size:1.4em;
	padding-left:10px;
	margin-top:25px;
}
#tarifs .tarif-detail{
	background:url(../images/charte/puce.gif) no-repeat left;
	padding-left:70px;
	height:25px;
	margin-left:20px;
	font-size:1.1em;
}
#tarifs .tarif-detail strong{
	font-size:1.3em;
}
#tarifs #plusinfos{
	border-left:10px solid #EC1C24;
	padding:15px;
	margin-top:20px;
	line-height:18px;
	font-size:1.2em;
}




/*--------------------------------- PARTENAIRES--------------------------------------*/

#partenaires img {
	float:left;
	margin-right:35px;
	margin-bottom:35px;
}
#partenaires a img {
	border:1px solid #CCCCCC;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#partenaires a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}



/*--------------------------------- OFF--------------------------------------*/


/*----------- Memoires d'espagne----------------*/

#contenu #memoires-espagne .grand{
	color:#EB1C24;
	margin:0;
}
#memoires-espagne img{
	float:left;
	margin-right:15px;
}
#memoires-espagne a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#memoires-espagne a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
#memoires-espagne .bloc-affiche{
	float:left;
	width:400px;
	margin-right:75px;
}
#memoires-espagne .bloc-affiche .description{
	float:left;
	width:230px;
}
#memoires-espagne .bloc-renseignement{
	float:right;
	width:330px;
	margin-top:30px;
	border-left:10px solid #EC1C24;
}
#contenu #memoires-espagne .bloc-renseignement p{
	text-align:center;
	font-size:15px;
}
#contenu #memoires-espagne .bloc-renseignement .couleur{
	color:#5BA654;
	font-size:18px;
	font-weight:bold;
}


/*----------- Mementos picantes----------------*/

#-omentos-picantes .bloc-renseignement{
	width:600px;
	margin:30px auto;
	border-left:10px solid #EC1C24;
	padding-left:50px;
}
#contenu #momentos-picantes .bloc-renseignement p{
	font-size:13px;
	line-height:20px;
}
#picantes-gauche{
	float:left;
	width:430px;
	margin-right:100px;
}
#picantes-droite{
	float:right;
	width:430px;
}
#momentos-picantes .bloc-picantes{
	float:left;
	width:430px;
	margin:5px 0;
}
#contenu #momentos-picantes .bloc-picantes h2{
	margin:0 0 5px 0;
	padding:0;
}
#contenu #momentos-picantes .bloc-picantes img{
	float:left;
	margin-right:10px;
}
#momentos-picantes  a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#momentos-picantes  a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}



/*----------- les evenements----------------*/

#renseignement-evenements{
	width:600px;
	margin:30px auto;
	border-left:10px solid #EC1C24;
	padding-left:50px;
}
#contenu #renseignement-evenements p{
	font-size:13px;
	line-height:20px;
}
#expositions-gauche{
	float:left;
	width:440px;
	margin-right:15px;
}
#expositions-droite{
	float:right;
	width:440px;
}
.bloc-expos img{
	float:left;
	margin-right:10px;
	margin-top:37px;
}
.bloc-expos a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.bloc-expos a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
.bloc-expos{
	float:left;
	width:440px;
	margin:15px 0px 10px 0;
	border-bottom:1px solid #CCCCCC;
}
.bloc-expos .description{
	float:left;
	width:340px;
}
#contenu .bloc-expos p.grand{
	margin:0;
	font-size:1.1em;
	text-align:left;
}



/*----------- autour des reflets----------------*/

#autour-gauche{
	float:left;
	width:430px;
}
#autour-droite{
	float:right;
	width:430px;
}

.bloc-autour{
	width:400px;
	margin:15px 0;
	border-left:10px solid #EC1C24;
	padding-left:20px;
}


/*----------- Fiesta reflets----------------*/

.information-fiesta{
	width:500px;
	margin:30px auto;
	border-left:10px solid #EC1C24;
	padding-left:50px;
}
#fiesta-milieu{
	width:700px;
	margin:0 auto;
}
.bloc-fiesta{
	width:700px;
	float:left;
	margin:10px 0;
}
.bloc-fiesta .description{
	float:left;
	width:580px;
	border-left:2px solid #EC1C24;
	padding-left:5px;
}
#contenu .bloc-fiesta .description p.grand{
	margin:0;
}	
.bloc-fiesta img{
	float:left;
	margin-right:10px;
}
.bloc-fiesta a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.bloc-fiesta a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}


/*----------- Forum----------------*/

.information-forum{
	width:500px;
	margin:30px auto;
	border-left:10px solid #EC1C24;
	padding-left:50px;
}
#forum-gauche{
	float:left;
	width:420px;
	margin:15px 0px 15px 0px;
	border-left:5px solid #EC1C24;
	padding-left:10px;
}
#forum-droite{
	float:right;
	width:420px;
	margin:15px 0px 15px 0;
	border-left:5px solid #EC1C24;
	padding-left:10px;
}
.bloc-forum{
	float:left;
	width:420px;
}
#contenu .bloc-forum .grand{
	color:#F4880C;
}
#galerie-forum{
	width:880px;
	margin:10px auto;
}
#galerie-forum img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#bloc_evenment img{
	border:none;
}

#bloc_evenment a:hover img{
	border:none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; 
	opacity:0.70;
}

#galerie-forum a img{
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#galerie-forum a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}



/*--------------------------------- L EQUIPE--------------------------------------*/

#equipe-gauche{
	float:left;
	width:450px;
	}
#equipe-droite{
	float: left;
	width:470px;
	margin-left:40PX;
	}
#equipe-gauche h2, #equipe-droite h2{
	margin:15px 0;
}
#contenu #equipe-droite p{
	line-height:17px;
}



/*--------------------------------- SCOLAIRES--------------------------------------*/

#scolaires-gauche{
	float:left;
	width:500px;
	}
#scolaires-gauche p{
	line-height:17px;
}
#scolaires-droite{
	float:left;
	width:370px;
	border-left:8px solid #EC1C24;
	padding-left:30px;
	margin-left:40px;
	}
#scolaires-droite p{
	line-height:19px;
}
#scolaires-gauche h2, #scolaires-droite h2{
	margin:15px 0;
}




/*--------------------------------- SECTION REGARDS--------------------------------------*/

#regard-gauche{
	float:left;
	width:420px;
	}
	
#regard-gauche img, #regard-droite img{
	margin-left:50px;
}
	
#regard-gauche a:hover img, #regard-droite a:hover img {
	border:none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}

#regard-gauche .bloc-images{
	float:left;
	width:400px;
}
#regard-gauche .bloc-images img, #regard-droite .bloc-images img{
	margin-bottom:3px;
}
#regard-gauche .bloc-images a img, #regard-droite .bloc-images a img{
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
#regard-gauche .bloc-images a:hover img, #regard-droite .bloc-images a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
#regard-gauche p{
	line-height:17px;
}
#regard-droite{
	float:right;
	width:420px;
	}
#regard-droite p{
	line-height:19px;
}
#regard-gauche h2, #regard-droite h2{
	margin:15px 0;
}
#regard-lieux{
	width:930px;
	border:1px dashed #CCCCCC;
	padding:10px;
	margin:15px 0;
	height:160px;
	float:left;
}
#regard-lieux2{
	width:900px;
	border:1px dashed #980d12;
	padding:10px;
	margin:20px 10px;
	float:left;
}
#contenu #regard-lieux p{
	float:left;
	margin-right:15px;
	width:270px;
	text-align:left;
}
#contenu #regard-lieux p.grand{
	margin-top:0;
}
#regard-entree{
	margin:15px 120px 15px 0;
	width:600px;
	border-left:10px solid #EC1C24;
	padding-left:30px;
	float:right;
}




/*--------------------------------- SALSA PICANTE--------------------------------------*/

.salsa-pdf{
	float:left;
	width:160px;
	margin-right:70px;
	margin-top:15px;
	text-align:center;
}
.salsa-pdf a img{
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.salsa-pdf a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
#contenu .salsa-pdf p.titre{
	border-top:1px solid #CCCCCC;
	padding-top:5px;
	text-align:center;
	margin-top:10px;
	font-weight: bold;
	font-size:1.2em;
}



/*--------------------------------- SALSA PICANTE--------------------------------------*/

.album-photos{
	float:left;
	margin-right:35px;
	margin-top:15px;
	width:200px;
	text-align:center;
}
.album-photos a img{
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.album-photos a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}



/* PAGINATION */
.pagination-produit{
	width:300px;
	text-align:center;
	padding-top:5px;
	margin: 35px auto 0 auto;
	font-size:1em;
	color: #980d12;
	}
.pagination-produit a{
	color: #980d12;
	}

.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}