/* 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:#455a99;

	font-size:1.8em;

	font-weight:bold;

	line-height:normal;

	border-bottom:1px solid #dde0f1;

	margin:10px 0 15px 0;

}*/



h1{ 

	color:#455a99;

	font-size:1.8em;

	font-weight:bold;

	line-height:normal;

	border-bottom:1px solid #dde0f1;

	margin:0px 0 15px 0;

	padding-top:15px;

}

h2{

	font-size:1.2em;

	font-weight:bold;

	line-height:normal;

	background-color:#e5e8f4;

	clear:both;

	margin:15px 0 10px 0;

}



#contenu a{

	color:#888A94;

	}



/*---------------------------------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;

}

#collLeft h1{

	margin-top:0;

}

#edito{

	scrollbar-base-color:#fff;

	float:left;

	width:465px;

	height:168px;

	overflow:auto;

	padding:0 10px 0 0;

	margin:0 0 10px 0;

}

#actu-festival{

	scrollbar-base-color:#fff;

	float:left;

	width:465px;

	height:158px;

	overflow:auto;

	padding:0 10px 0 0;

	margin:0 0 10px 0;

}

#actu-festival p{

	margin:5px 0;

}

#collLeft h2{/*----------Liens + d'infos-----------*/

	font-size:1.1em;

	font-weight:bold;

	line-height:normal;

	background-color:#e5e8f4;

	clear:both;

	margin:10px 0 5px 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:right;

	width:440px;

	min-height:100px;

	height:auto !important;

	height:100px;

	padding:37px 0 0 15px;

	/*border:1px solid red;*/

}

#collRight #affiche{

	float:left;

	width:165px;

	height:340px;

	padding:0 0 6px 0;

	/*border:1px solid red;*/

}

#collRight #affiche a img{

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}

#collRight #affiche a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.8; opacity:0.8;

}

#collRight #presentation{

	float:left;

	width:260px;

	height:340px;

	padding:0 0 6px 10px;

	/*border:1px solid red;*/

}

#contenu .titre-rouge-grand{

	font-size:1.4em;

	font-weight:bold;

	line-height:normal;

	text-transform:uppercase;

	color:#b92023;

}

#contenu .titre-rouge-moyen{

	font-size:1.2em;

	font-weight:bold;

	line-height:normal;

	text-transform:uppercase;

	color:#b92023;

}

#collRight h2{ /*----------Titre paragraphe-----------*/

	color:#455a99;

	font-size:1.4em;

	font-weight:bold;

	line-height:normal;

	clear:both;

}

#collRight #tarifs{

	margin-top:20px;

	float:left;

}

#collRight #tarifs p{

	margin:10px 0;

}

#contenu #collRight #presentation .titre-rouge-moyen{

	text-align:left;

}

#lieux{

	float:left;

	width:230px;

	height:235px;

	overflow:auto;

	padding:0 10px 0 0;

	margin:0;

	scrollbar-base-color:#fff;

	

}

#lieux p{

	margin:5px 0;

	text-align:left;

}

#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:#bd2225;

}

















/*---------------------------------STYLE DE LA PAGE PARTENAIRES--------------------------------------*/



#partenaires{

	margin:30px 0 0 0;

}

#partenaires a img{

	border:none;

	margin:25px 0;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}

#partenaires a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.8; opacity:0.8;

}

#partenaires img.imgdroite{

	margin-left:20px;

}





/*---------------------------------STYLE DE LA PAGE EQUIPE--------------------------------------*/



#equipe-gauche{

	margin:10px 0px 10px 0;

	float:left;

	width:450px;

	text-align:left;

	/*border:1px solid red;*/

}

#equipe-gauche h2, #equipe-droite h2{

	margin:10px 0 10px 0;

}

#equipe-separe{

	float:left;

	margin:10px 20px 10px 20px;

	width:1px;

	border-right:1px dashed #dde0f1;

	height:380px;

}

#equipe-droite{

	margin:10px 0 10px 0;

	float:left;

	width:450px;

	/*border:1px solid red;*/

}







/*---------------------------------STYLE DE LA PAGE PROGRAMME--------------------------------------*/



#programme-gauche{

	float:left;

	margin:10px 0px 10px 0;

	width:680px;

	/*border:1px solid red;*/

}

#programme-gauche a img{

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}

#programme-gauche a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.8; opacity:0.8;

}

#programme-gauche .programme-listing{

	float:left;

	width:310px;

	margin:0px 30px 25px 0;

}

*html #programme-gauche .programme-listing{

	margin:0px 25px 25px 0;

}

.listing-image{

	float:left;

	width:100px;

	height:127px;

	margin-right:5px;

	border-right:1px solid #6666CC;

}

.listing-desc{

	float:left;

	width:200px;

	

	position:relative;

	text-align:left;

}

.listing-desc .titre{

	margin-bottom:5px;

	font-weight:bold;

}

.listing-desc .plus-infos{

	position:absolute;

	left:0;

	bottom:0;

	width:63px;

	height:19px;

}





/* PAGINATION */

.pagination-produit{

	width:200px;

	text-align:center;

	padding-top:5px;

	margin: 0 auto;

	}

	

#listing-produit .pagination-produit a{color:#ff0066;}	

#listing-produit .pagination-produit a:hover{color:#046010;}	



.fleche-gauche {

	float:left;

	border:none;

	}

.fleche-droite {	

	float:right;

	border:none;

	}





#programme-droite{

	margin:10px 0 10px 0;

	float:right;

	width:260px;

}

#programme-droite h2{

	margin:0 0px 20px 0;

	height:30px;

	line-height:30px;

	text-align:center;

}



#programme-defile{

	width:260px;

	text-align:left;

	height:400px;

	overflow:auto;

	scrollbar-base-color:#fff;

}

#contenu #programme-droite p.txtgras{

	margin:10px 0 0 0;

	background-color:#F0F1F3;

}









/*---------------------------------STYLE DE LA PAGE FICHE PROGRAMME--------------------------------------*/



#programme-fiche{

	float:left;

	margin-top:10px;

	/*width:310px;*/

	/*border:1px solid red;*/

}

#fiche-image{

	float:left;

	width:270px;

	height:380px;

	margin-right:15px;

	padding-right:5px;

	border-right:1px solid #6666CC;

}

#fiche-image .lien-programme{

	float:right;

	margin-top:10px;

	margin-right:5px;

}

#fiche-desc{

	float:left;

	width:370px;

	text-align:left;

	/*border:1px solid red;*/

}

#fiche-desc p{

	margin:5px 0;

}

#fiche-desc h2{

	margin-top:0;

}

#fiche-desc-bas{

	margin-top:15px;

	text-align:justify;

}

#fiche-desc .titre{

	margin-bottom:5px;

	font-weight:bold;

}

#fiche-desc #horaires{

	margin-top: 10px;

	text-align:left;

}



#fiche-desc-bas .desc-horaires{

	margin-top:7px;

}









/*---------------------------------STYLE DE LA PAGE ARCHIVES--------------------------------------*/



#archives{

	margin-top:20px;

}

#archives a img{

	border:none;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

	margin-right:25px;

}

#archives a:hover img{

	filter: alpha(opacity=70);

	-moz-opacity: 0.70; opacity:0.70;

}







/*---------------------------------STYLE DE LA PAGE EVENEMENTS--------------------------------------*/



#evenement-gauche{

	float:left;

	width:430px;

	/*border:1px solid red;*/

	margin-right:10px;

}

#evenement-droite{

	float:left;

	width:430px;

	/*border:1px solid red;*/

}







.evenement-listing{

	float:left;

	width:430px;

	/*border:1px solid red;*/

	margin:15px 35px 15px 0;

}

*html .evenement-listing{

	margin:15px 15px 15px 0;

}

.evenement-listing .photo{

	float:left;

	width:95px;

	margin-right:5px;

	padding-right:5px;

	border-right:1px solid #6666CC;

}

.evenement-listing .photo a img{

	border:none;

	margin-bottom:3px;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}

.evenement-listing .photo a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.8; opacity:0.8;

}

#contenu .evenement-listing .desc{

	float:left;

	width:320px;

}

#contenu .evenement-listing .desc h2{

	margin-top:0;

}



#event-annonce{

	float:left;

	width:450px;

	margin-top:20px;

	margin-left:250px;

}

*html #event-annonce{

	margin-left:120px;

}

#event-annonce a img{

	border:none;

}

#event-annonce p{

	font-size:14px;

	text-align:center;

	margin-top:5px;

	line-height:22px;

	font-weight:bold;

}

#event-annonce img{

	float:left;

	margin-right:5px;

}