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

/************************* GENERALITE *************************/
b{
	color:#ed417a;
}

/* STYLE BLOC1 */

#BLOCAFFICHE {
width:340px;
height:450px;
float:left;
overflow:auto;
}
#affiche {
	background:#FFF;
	padding:2px;
	width:320px;
	min-height:120px;
	text-decoration:none;
	margin:10px 10px 5px 0;
	border:1px solid #ececec;

}
#affiche a:link, #affiche a:visited{
	color:#ff4c06;
	font-weight:normal;
	text-decoration:none;
}
#affiche a:hover, #affiche a:active{
	color: #000;
	text-decoration:none;
}
#affiche img{
	border:0;
	float:left;
	margin-right:10px;
}
#affiche  p.titre{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#006594;
	padding-top:5px;
}

/* STYLE BLOC2 */


#BLOCPROCHAINEMENT {
width:235px;
float:left;
padding-left:22px;

}

#prochainement {

	background:#ed417a;
	padding:2px;
	text-decoration:none;
	margin:10px 10px 5px 0;
	border:1px solid #ececec;
}
#contenuTexte #prochainement a:link, #contenuTexte #prochainement a:visited{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:underline;
}
#contenuTexte #prochainement a:hover, #contenuTexte #prochainement a:active{
	color: #000;
	text-decoration:none;
}
#prochainement img{
	border:0;
}
#contenuTexte #prochainement  p{
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFF;
	padding-top:5px;
}
#contenuTexte #prochainement  p.titre{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-top:5px;
}

/* STYLE BLOC3 */

#BLOCEDITO {
width:210px;
height:450px;
overflow:auto;
padding:0 4px 0 6px;
float:left;

}

#contenuTexte #BLOCEDITO p {
font:normal 11px Arial, Helvetica, sans-serif;
color:#006594;
text-align:justify;
}

/* STYLE FICHE FILM */


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

}
#film a:link, #film a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:underline;
}
#film a:hover, #film a:active{
	color: #000;
	text-decoration:none;
}
#film img{
	border:0;
	float:left;
	margin-right:10px;
}
#film p.titre{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#006594;
}

#film p.avertissement{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#ed417a;
	padding-top:5px;
}

#film p{
	padding:3px 0 3px 0;
}


/* STYLE CONTENU */
#contenuTexte h1{
font:bold 22px Arial, Helvetica, sans-serif;
text-align:left;
color:#006594;
margin-bottom:5px;
}

#contenuTexte h1 .rose{
font-size:20px;
font-style:normal;
color:#ed417a;
}

#contenuTexte h2{
font:bold 22px Arial, Helvetica, sans-serif;
/*text-align:left;*/
color:#ed417a;
margin-bottom:5px;
}
#contenuTexte h3{
font:bold 16px Arial, Helvetica, sans-serif;
/*text-align:left;*/
color:#1EB4EA;
margin-top:5px;
margin-bottom:5px;
}
.centrer{
	text-align:center;
	margin:5px 0px;
}
#contenuTexte p{
font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color:#006594;
margin:8px 0px;
}
#contenuTexte p.couleur, .couleur{
font-weight:bold;
color:#ed417a;
}

#contenuTexte p.titrerose, .titrerose{
font-weight:bold;
font-size:1.8em;
color:#eb4472;
}

#contenuTexte a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#ed417a;
}
#contenuTexte a:hover, #contenu a:active{
text-decoration:underline;
color:#000;

}
#contenuTexte ul{
	font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#006594;
	margin:4px 0px 4px 40px;
}
#contenuTexte li {
	margin:6px 0px 6px 0px;
	padding: 0;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce01.gif);
}
/***************** QUIZ ********************/
.important {
	text-decoration:underline;
}





.quizEncart1 {
	float:left;
	width:545px;
	height:auto;
	margin:0px 0px 20px 20px;
	padding:10px 5px 0px 5px;
}
#contenuTexte .quizEncart1 p {
	text-align:justify;
	padding:0 0 0 0;
	height:auto;
}



.global_quiz{
	width:550px;
	float:left;
	padding:2px;
	text-decoration:none;
	margin:10px 10px 5px 0;
}



#quizForm{
	width:550px;
	float:left;
	margin: 0px 0 0 -20px;
}


#contenuTexte #quizForm ul {
	font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#006594;
	margin:4px 0px 30px 40px;
}
#contenuTexte #quizForm li {
	color:#575757;
	margin:6px 0px 6px 0px;
	padding: 0;
	list-style:none;
	list-style-image:none;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte #quizForm li strong{
	color:#ED417A;
}

#contenuTexte #quizForm h3 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#1EB4EA;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	width:100%;
}
#contenuTexte #quizForm h3:first-letter {
	color:#ED417A;
}








#formQuiz .bouton{
	width:80px;
	border:1px solid #006594;
	font-size:12px;
	border-color:#CCCCCC;
	background-color:#006594;
	color:#FFFFFF;
}
#formQuiz .boutons{
/*margin: 10px 0 10px 135px;*/
float: left;
padding:0 0 0 15px;
margin:0;
margin-top:25px;
}

#formQuiz p{
	padding: 5px 0 2px 0;
	padding-left: 85px;
	height: 0.5%;
	float:left;
}

#formQuiz label{
	float: left;
	margin-left: -130px;
	width: 100px;
	text-align:right;
}

#formQuiz input[type="text"]{ 
	width: 100px;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	border:1px solid #006594;
	margin-left:-20px;
}
*html #formQuiz .inputtext{
	width: 100px;
	border:1px solid #006594;
	margin-left:-20px;
}

#formQuiz textarea{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	width: 150px;
	margin-left:-20px;
	height: 70px;
	border:1px solid #006594;
}
#formQuiz input:focus{
	border:1px solid #FFCC00;
}
#formQuiz textarea:focus{
	border:1px solid #FFCC00;
}
#quizForm .champRequis{
	color:#ED417A;
}

#formQuiz p.capa{
	padding:0 0 0 15px;
	margin:10px 0 0 0;
	width: 520px;
}

#quizForm p.formRequis{
	margin-left:15px;
}

#quizForm p.formLoi{
	padding-left:15px;
	font-size:11px;
	font-style:italic;
}




/***************** SONDAGE FILMS ********************/

#contenuTexte .quizEncart1 p.txtCenter {
	float:none;
	clear:both;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin:0;
}
#contenuTexte .quizEncart1 p.txtCenterImportant {
	float:none;
	clear:both;
	text-align:center;
	color:#ED417A;
	font-weight:bold;
	margin:0;
}

#contenuTexte  #quizForm .blocFilm {
	float:left;
	width:545px;
	height:auto;
	margin:0px 0px 20px 20px;
	padding:3px;
}
#contenuTexte  #quizForm .filmImg {
	float:left;
	width:200px;
	height:270px;
	margin-right:5px;
}
#contenuTexte  #quizForm .filmDesc {
	float:left;
	width:280px;
	height:auto;
	margin-left:5px;
}
#contenuTexte p.filmTitre {
	float:left;
	clear:both;
	width:335px;
	height:auto;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ED417A;
	text-transform:uppercase;
	margin:0;
	padding:0px 2px 0px 0px;
	border-bottom:2px solid #006594;
	border-bottom-width:100%;
	border-top:2px solid #006594;
	border-top-width:100%;
}
#contenuTexte p.filmAuteur {
	float:left;
	clear:both;
	width:335px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	text-transform:capitalize;
	margin:0;
	padding:5px 2px 0px 0px;
}
	
#contenuTexte p.filmInfos {
	float:left;
	clear:both;
	width:335px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	margin:0;
	padding:5px 2px 0px 0px;
}
#contenuTexte p.filmInterdit {
	float:left;
	clear:both;
	width:335px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff0000;
	margin:0;
	padding:0px 2px 0px 0px;
}
#contenuTexte p.film{
	float:left;
	clear:both;
	width:335px;
	height:auto;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ff0000;
	margin:0;
	padding:0px 2px 0px 0px;
}
#contenuTexte input.checkbox {
	float:right;
	margin:3px 0 0 0;
}
#contenuTexte p.filmActeurs {
	float:left;
	clear:both;
	width:335px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	text-transform:capitalize;
	margin:0;
	padding:0px 2px 0px 0px;
}
#contenuTexte p.filmSyno {
	float:left;
	height:auto;
	width:335px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	margin-top:15px;
	padding:5px 5px 0px 0px;
}
#contenuTexte p.filmSyno:first-letter {
	text-transform:capitalize;
}

#contenuTexte #quizForm .filmChoix {
	float:left;
	height:10px;
	width:10px;
	margin:0;
	padding:0;
}

/***************** BLOG ********************/
#contenuTexte .blogBoutons{
	float:right;
	width:400px;
}

#contenuTexte .blogBoutons a {
	display:block;
	float:right;
}

#contenuTexte .blogBoutons img{
	margin-left:5px;
}

#contenuTexte .blogCom{
	float:right;
	height:21px;
	width:400px;
}


#contenuTexte p.blogCom a img{
	border:none;
}

#contenuTexte  #blog_contenu .blog_global {
	float:left;
	width:545px;
	height:auto;
	margin:0px 0px 20px 20px;
	padding:0px 0px 0px 0px;
}
#contenuTexte  #blog_contenu .blogImg {
	float:left;
	width:90px;
	height:120px;
	margin-right:5px;
}
#contenuTexte  #blog_contenu .blogDesc {
	float:left;
	width:445px;
	height:auto;
	margin-left:5px;
}

#contenuTexte p.blogTitre {
	float:left;
	clear:both;
	width:450px;
	height:auto;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ED417A;
	text-transform:uppercase;
	margin:0;
	padding:0px 2px 0px 0px;
	border-bottom:2px solid #006594;
	border-bottom-width:100%;
}
#contenuTexte .blogDate {
	float:right;
	font-size:10px;
	font-weight:normal;
	color:#006594;
	margin:0px 0 0 0;
}
#contenuTexte p.blogChapeau {
	float:left;
	clear:both;
	width:450px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	text-transform:capitalize;
	margin:0;
	padding:5px 2px 0px 0px;
}
	
#contenuTexte p.blogTexte {
	float:left;
	height:auto;
	width:450px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	margin-top:15px;
	padding:5px 5px 0px 0px;
}
#contenuTexte p.blogTexte:first-letter {
	text-transform:capitalize;
}

/***************** COMMENTAIRES ********************/
#contenuTexte  #blog_contenu .bloc_com {
	float:left;
	width:545px;
	height:auto;
	margin-left:5px;
}

#contenuTexte p.comTitre {
	float:left;
	clear:both;
	width:545px;
	height:auto;
	font-size:10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	margin:0;
	padding:0px 2px 0px 0px;
	border-bottom:1px solid #006594;
	border-bottom-width:100%;
}
#contenuTexte p.comTitre strong {
	color:#ED417A;
}
#contenuTexte .comDate {
	float:right;
	font-size:10px;
	font-weight:normal;
	color:#575757;
	margin:0px 0 0 0;
}
#contenuTexte p.comChapeau {
	float:left;
	clear:both;
	width:545px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#575757;
	text-transform:capitalize;
	margin:0;
	padding:5px 2px 0px 0px;
}
	
#contenuTexte p.comTexte {
	float:left;
	height:auto;
	width:545px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	margin-top:5px;
	margin-bottom:15px;
	padding:0px 5px 0px 0px;
}
#contenuTexte p.blogTexte:first-letter {
	text-transform:capitalize;
}

#contenuTexte #blog_contenu #commentaire {
	float:left;
	margin-left:120px;
	margin-bottom:25px;
}
#contenuTexte #blog_contenu input[type="text"]{ 
	/*width: 150px;*/
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	border:1px solid #006594;
	/*margin-left:-20px;*/
}
*html #contenuTexte #blog_contenu .inputtext{
	/*width: 150px;*/
	border:1px solid #006594;
	/*margin-left:-20px;*/
}

#contenuTexte #blog_contenu textarea{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	width: 275px;
	/*margin-left:-20px;*/
	/*height: 70px;*/
	border:1px solid #006594;
}
#contenuTexte #blog_contenu input:focus{
	border:1px solid #FFCC00;
}
#contenuTexte #blog_contenu textarea:focus{
	border:1px solid #FFCC00;
}
#contenuTexte #blog_contenu .bouton{
	width:80px;
	border:1px solid #006594;
	font-size:12px;
	border-color:#CCCCCC;
	background-color:#006594;
	color:#FFFFFF;
}
#contenuTexte #blog_contenu .boutons{
/*margin: 10px 0 10px 135px;*/
float: left;
margin-left:120px;
}

#contenuTexte #blog_contenu .capaImg{
	margin:10px 0 0 120px;
}

#contenuTexte #blog_contenu p.formRequis{
	margin-left:120px;
}

#contenuTexte #blog_contenu p.formLoi{
	padding-left:120px;
	font-size:11px;
	font-style:italic;
}

/***************** NEWSLETTER ********************/
.FORMNEWSLETTER1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: none;
	background:none;
	width: 157px;
}
.FORMNEWSLETTER2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: none;
	background:none;
	padding-top:2px;
}



/********************************** QUI SOMMES-NOUS ? **********************************/
#colonnedroite{
	float:right;
	width:238px;
	margin:0px 5px 0px 10px;
}
#colonnedroite img{
	margin:5px 0px;
}



/********************************** GRILLE MENSUELLE **********************************/
.ligne{
	width:100%;
	clear:both;
}
/********* Entete tableau *********/
#entetedate{
	min-height:118px;
	height:auto !important;
	height:118px;
	float:left;
	width:100px;
	margin-right:2px;
	padding:17px 0 5px 0 ;
	border-bottom:1px solid #fff;
	background-color:#696969;
	text-align:center;
	color:#555;
}
#entetefilm{
	min-height:130px;
	height:auto !important;
	height:130px;
	float:left;
	margin-right:2px;
	padding:5px 0;
	border-bottom:1px solid #fff;
	background-color:#dcdcdc;
	color:#555;
}


#entetefilm .pictoenfant{
	position:relative;
	background:url(../images/charte/picto-jeuneenfant-petit.gif) no-repeat top left;
	height:25px;
	margin-top:1px;
	margin-left:5px;
}
#entetefilm .pictoautreregard{
	position:relative;
	background:url(../images/charte/picto-autreregard-petit.gif) no-repeat top left;
	height:30px;
	margin-top:1px;
	margin-left:5px;
}
#entetefilm .pictocollection{
	position:relative;
	background:url(../images/charte/picto-cinecollection-petit.gif) no-repeat top left;
	height:30px;
	margin-top:1px;
	margin-left:5px;
}
#entetefilm .pictoclassique{
	position:relative;
	background:url(../images/charte/picto-classiquecine-petit.gif) no-repeat top left;
	height:30px;
	margin-top:1px;
	margin-left:5px;
}
.picto{
	float:left;
	width:23%;
	margin-top:1%;
	margin-right:1%;
}
.picto img{
	float:left;
	margin-right:5px;
	border:1px solid #696969;
}
#contenuTexte .picto p{
	font-weight:bold;
	color:#ed417a;
}
#entetedate h1,
#entetefilm h1{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#F9B5CB;
	margin:0 0 5px 0;
}
#entetefilm h1 a.titreFilm {
	color:#ed417a;
	text-decoration:none;
}

#entetedate p,
#entetefilm p{
	font:normal 1.1em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#777;
	margin:0px;
	padding:0px;
	text-align:center;
}

#entetefilm p a.lienCM{
	text-decoration:none;
	color:#555;
}

/********* Cellule tableau claire *********/
.celluledatec{
	height:18px;
	float:left;
	width:100px;/*13%*/
	margin-right:2px;
	padding:5px 0;
	border-bottom:1px solid #fff;
	background-color:#ddd;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#ed417a;
}
.cellulefilmc{
	height:18px;
	float:left;
	width:13%;
	margin-right:2px;
	padding:5px 0;
	border-bottom:1px solid #fff;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#E3F3FC;
	color:#006594;
}
.celluleevenementc{
	height:18px;
	float:left;
	margin-right:2px;
	padding:5px 0;
	border-bottom:1px solid #fff;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#E3F3FC;
	color:#006594;
}

/********* Cellule tableau fonce *********/
.celluledatef{
	height:18px;
	float:left;
	width:100px;/*13%;*/
	margin-right:2px;
	padding:5px 0;
	border-bottom:1px solid #fff;
	background-color:#ddd;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#ed417a;
}
.cellulefilmf{
	height:18px;
	float:left;
	width:13%;
	margin-right:2px;
	padding:5px 0;
	border-bottom:1px solid #fff;
	background-color:#f4f4f4;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#006594;
}
.celluleevenementf{
	height:18px;
	float:left;
	margin-right:2px;
	padding:5px 0;
	border-bottom:1px solid #fff;
	background-color:#f4f4f4;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#006594;
}
.grilleinfo{
	clear:both;
	background-color:#E8E9E8;
	border:1px solid #c3c3c3;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#006594;
	padding:7px;
	margin-top:10px;
	margin-bottom:20px;
}
.telecharger{
	background:url(../images/charte/logo-pdf.gif) no-repeat left 0px;
	padding-left:20px;
	padding-bottom:2px;
	margin-left:50px;
}



/********************************** EVENEMENT **********************************/
.listingevenement{
	width:95%;
	background-color:#E8E8E8;
	border:1px solid #c3c3c3;
	padding:7px;
	margin-bottom:15px;
	float:left;
}
.listingevenement .lieueve{
	float:right;
	background:url(../images/charte/bg-lieu-evenement.gif) no-repeat;
	width:280px;
	padding:5px 10px;
	margin-left:10px;
}
.listingevenement .lieueveimg{
	float:right;
	background:url(../images/charte/bg-lieu-evenement.gif) no-repeat;
	/*width:190px;*/
	padding:3px 5px;
	margin-left:10px;
	margin-bottom:10px;
}
#contenuTexte .listingevenement .lieueve p{
	text-align:left;
}
#contenuTexte .listingevenement h1{
	font:bold 18px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#006594;
	margin-bottom:5px;
}
#contenuTexte .listingevenement P{
	margin:0px;
}
.listingevenement a:link, .listingevenement a:visited{
	background:url(../images/charte/puce02.gif) no-repeat 10px 2px;
	padding-left:30px;
	color:#ed417a;
	font-weight:bold;
	text-decoration:underline;
}
.listingevenement :hover, .listingevenement a:active{
	color: #000;
	text-decoration:none;
}


/********************************** PROCHAINEMENT **********************************/
#film {
	width:564px;
	float:left;
	padding:2px;
	text-decoration:none;
	margin:10px 0px 5px 0;

}
#afficheproch {
	background:#FFF;
	float:left;
	padding:2px;
	width:45%;
	min-height:120px;
	text-decoration:none;
	margin:10px 20px 5px 0;
	border:1px solid #ececec;
}
*html #afficheproch {
	margin:10px 13px 5px 0;
}
#afficheproch img{
	border:0;
	float:left;
	margin-right:10px;
}
#contenuTexte #afficheproch  h2{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#006594;
	padding-top:5px;
}



/********************************** SCOLAIRE **********************************/
#contenuTexte .encartscolaire{
	width:35%;
	float:right;
	background-color:#f4f4f4;
	border:1px solid #c3c3c3;
	padding:7px;
	margin-top:0px;
	margin-left:15px;
	margin-bottom:15px;
}
#contenuTexte .encartscolaire ul{
	margin-left:5px;
}
#contenuTexte .encartscolaire li{
	margin:7px 0px 1px 0px;
	padding-left:15px;
	background:url(../images/charte/puce03.gif) no-repeat 0px 4px;
	list-style:none;
	list-style-image:none;
}

/*********** Primaire **************/
.colonne{
	width:48%;
	float:left;
	margin:1%;
}
.colonne .telecharger{
	background:url(../images/charte/logo-pdf.gif) no-repeat left 0px;
	padding-left:20px;
	padding-bottom:2px;
	margin-left:0px;
}
*html .colonne{
	width:46%;
}

/*********** Festival **************/
.festival{
	float:left;
	width:29%;
	margin:1% 2% 1% 2%;
}
*html .festival{
	margin:1% 2% 1% 0%;
}
.festival img{
	float:left;
	margin:20px 4px 10px 0;


}

.festival p{

}

.festival p.decal{
	clear:both;
}

.festival .telecharger{
	background:url(../images/charte/logo-pdf.gif) no-repeat left 0px;
	padding-left:20px;
	padding-bottom:2px;
	margin-left:0px;
}
.festival a:link, .festival a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:none;
}
.festival a:hover, .festival a:active{
	color: #000;
	text-decoration:none;
}


/*********** Programme **************/
.lignepgre{
	width:100%;
	margin:0 0% 2% 0;
	clear:both;
}
.pgescolairelisting{
	float:left;
	width:45%;
	margin:0 2% 2% 0;
	padding:7px;
	border:1px solid blue;
	min-height:120px;
	border:1px solid #ececec;
}
.pgescolairelisting img{
	border:0;
	float:left;
	margin-right:10px;
}
#contenuTexte .pgescolairelisting h2{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#006594;
	padding-top:5px;
}



/********************************** ARCHIVE **********************************/
#contenu-archive{
	position:relative;
	width:995px;
	margin-top:120px;
	padding:64px 0 73px 0;
	background:url(../images/charte/bg-contenu-archive.gif) no-repeat scroll left top;
}
*html #contenu-archive{
	margin-top:0px;
}

#archive {
	width:550px;
	float:left;
	padding:2px;
	text-decoration:none;
	margin:10px 10px 5px 0;
	background-color:#F7F7F7;
	border:1px solid #c3c3c3;
}
#archive .colonne{
	float:left;
	width:28%;
	margin-left:2%
}
*html #archive .colonne{
	width:27%;
}
.colonne a:link, .colonne a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:underline;
}
.colonne :hover, .colonne a:active{
	color: #000;
	text-decoration:none;
}
#archive img{
	border:0;
	float:left;
	margin-right:10px;
}
#archive p{
	padding:3px 0 3px 0;
}

/************ ARCHIVES ************/
#archives{
	float:right;
	width:25%;
	padding:5px;
	margin:40px 10px 10px 10px;
	border:1px solid red;
	background-color:#E8E8E8;
	border:1px solid #c3c3c3;
}
#archives p{
	background:url(../images/charte/puce03.gif) no-repeat 20px 6px;
	padding-left:25px;
	text-indent:15px;
}
#archives a:link, #archives a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:underline;
}
#archives :hover, #archives a:active{
	color: #000;
	text-decoration:none;
}

/************ FESTIVAL ************/
#archive .colonnefest{
	float:left;
	width:30%;
	margin-left:2%;
	border:1px solid #c3c3c3;
	background-color:#fff;
}
*html #archive .colonnefest{
	margin-left:1%;
}
#contenuTexte #archive .colonnefest p{
	text-align:center;
}
.colonnefest a:link, .colonnefest a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:underline;
}
.colonnefest :hover, .colonnefest a:active{
	color: #000;
	text-decoration:none;
}

/************ SCOLAIRE ************/
.scolaire{
	float:left;
	width:15%;
	margin-top:15px;
	margin-bottom:20px;
	margin-right:5px;
	min-height:120px;
	height:auto !important;
	height:120px;
	padding:2px;
	border:1px solid #c3c3c3;
	background-color:#fff;
}
.scolaire h3{
	font:bold 15px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#1EB4EA;
	margin-top:5px;
	margin-bottom:5px;
}
.scolaire .telecharger{
	background:url(../images/charte/logo-pdf.gif) no-repeat left 0px;
	padding-left:20px;
	padding-bottom:2px;
	margin-left:0px;
}
#contenuTexte .scolaire p{
	text-align:left;
}
.scolaire a:link, .scolaire a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:underline;
}
.scolaire :hover, .scolaire a:active{
	color: #000;
	text-decoration:none;
}




/********************************** INFOS PRATIQUES **********************************/
/************ equipe et lieux ************/
.infopratiqueequipe{
	float:left;
	width:50%;
	margin-top:15px;
	margin-right:15px;
}
.infopratiqueequipe p{
	padding-left:15px;
	background:url(../images/charte/puce04.gif) no-repeat 0px 4px;
}
.infopratiquelieu{
	float:left;
	width:40%;
	padding:5px;
	margin-top:15px;
	margin-left:15px;
	border:1px solid #ececec;
}
#contenuTexte .infopratiquelieu p{
	text-align:center;
	margin:10px 0px;
}
#contenuTexte .infopratiqueequipe h2,
#contenuTexte .infopratiquelieu h2{
	margin-bottom:15px;
}
#contenuTexte .infopratiqueequipe h3,
#contenuTexte .infopratiquelieu h3{
	text-align:center;
	margin:0px;
}
.infopratiqueequipe a:link, .infopratiqueequipe a:visited,
.infopratiquelieu a:link, .infopratiquelieu a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:underline;
}
.infopratiqueequipe :hover, .infopratiqueequipe a:active,
.infopratiquelieu :hover, .infopratiquelieu a:active{
	color: #000;
	text-decoration:none;
}


/************ tarif ************/
#infopratiquetarif {
	width:550px;
	float:left;
	padding:2px;
	text-decoration:none;
	margin:10px 10px 5px 0;
}
#infopratiquetarif p{
	padding-left:55px;
	background:url(../images/charte/puce04.gif) no-repeat 40px 4px;
}
#infopratiquetarif p.sans{
	padding-left:0px;
	background:none;
}
#infopratiquetarif img{
	float:right;
	margin-left:10px;
}


/************ partenaires ************/
.infopratiquepartenaire{
	float:left;
	width:30%;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:10px;
	border:1px solid red;
	padding:5px;
	background-color:#F7F7F7;
	border:1px solid #c3c3c3;
}
*html .infopratiquepartenaire{
	margin-right:10px;
}
.infopratiquepartenaire h2{
	text-align:right;
}
.infopratiquepartenaire img{
	float:left;
	width:100px;
	margin-right:10px;
	border:1px solid #666666;
	padding:1px;
}
.infopratiquepartenaire a:link, .infopratiquepartenaire a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:underline;
	background:url(../images/charte/puce02.gif) no-repeat 10px 2px;
	padding-left:30px;
}
.infopratiquepartenaire :hover, .infopratiquepartenaire a:active{
	color: #000;
	text-decoration:none;
}




/* POPUP PAGE D ACCUEIL  */
#contenu_global {
	background-color:#000000; 
	width:100%; 
	height:100%;
	z-index:200;
	position:absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.30;
}

*html #popup{width: 580px;}
#popup{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 520px;
  height:550px;
  margin-left:-250px;
  margin-top:-300px;
  visibility: visible;
  z-index:400;
	  background:url(../images/charte/bg-popup.png) no-repeat left top;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-popup.png', sizingMethod='scale');
  }

*html #popup #contenu-pop{margin:240px 30px 0 40px;}
#popup #contenu-pop{
	float:left;
	margin:200px 20px 0 60px;
	width:150px;
	height:260px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006633;
	text-align:justify;
	}
#popup #contenu-pop a{
	font-weight:bold;
	color:#CC0000;
}
	
#popup h1{
  font-size:20px;
  color:#333;
  width:150px;
  margin:0;
  }
#popup p{margin:0;}  

*html #popup img{margin-top:120px}
#popup img{
	float:left;
	margin-top:160px;
}

*html #popup #fermer a img {right:67px;top:60px;}
#popup #fermer a img{
	border:none;
	right:35px;
	top:60px;
	position:absolute;
	margin:0;
	z-index:600;
	cursor:pointer;
	display:block;
}


/********************************** PLAN **********************************/
#plan{
	width:600px;
	height:600px;
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#FFFFFF;
}
#plan img{
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
}
#plan h2{
	font:normal 30px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#ed417a;
	padding-top:5px;
	margin-bottom:5px;
}
#plan h3{
	font:bold 22px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#1EB4EA;
	padding-top:5px;
	margin-bottom:5px;
}
#plan p{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#006594;
	padding-top:5px;
}

.festival a:link, .festival a:visited{
	color:#ed417a;
	font-weight:bold;
	text-decoration:none;
}
.festival a:hover, .festival a:active{
	color: #000;
	text-decoration:none;
}





/***************** Contact*****************/
.global_formulaire{
	width:550px;
	float:left;
	padding:2px;
	text-decoration:none;
	margin:10px 10px 5px 0;
}

#contenu p.merci{
text-align: center;
margin:50px 0 0 0;
}

#contenu p.adresse{
line-height: 18px;
}
/* STYLE RUBRIQUE CONTACT */

/* ZONE ADRESSE */
#contactTxt{
	width:240px;
	float:left;
	margin-left:20px;
}
#contactTxt p{
	margin:10px 0 10px 0;
}

#contactTxt img{
	border:0;
	float:left;
	margin-right:5px;
}

/* ZONE FORMULAIRE */
#contactForm{
	width:425px;
	float:left;
	margin: 20px 0 0 -20px;
}



/* FORMULAIRE */
#formContact .bouton{
	width:80px;
	border:1px solid #006594;
	font-size:12px;
	border-color:#CCCCCC;
	background-color:#006594;
	color:#FFFFFF;
}
#formContact .boutons{
margin: 10px 0 10px 135px;
float: left;
}

#formContact p{
	width: 170px;
	clear: left;
	padding: 5px 0 2px 0;
	padding-left: 155px;
	height: 0.5%;
}

#formContact label{
	float: left;
	margin-left: -130px;
	width: 100px;
	text-align:right;
}

#formContact input[type="text"]{ 
	width: 150px;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	border:1px solid #006594;
	margin-left:-20px;
}
*html #formContact .inputtext{
	width: 150px;
	border:1px solid #006594;
	margin-left:-20px;
}

#formContact textarea{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	width: 150px;
	margin-left:-20px;
	height: 70px;
	border:1px solid #006594;
}
#formContact input:focus{
	border:1px solid #FFCC00;
}
#formContact textarea:focus{
	border:1px solid #FFCC00;
}
#contactForm .champRequis{
	color:#FF0000;
}

#formContact p.capa{
padding:0 0 0 15px;
margin:0;
width: 420px;
}