@charset "utf-8";
/* CSS Document */

img, div, input, a { behavior: url("/ccfa/iepngfix.htc"); }


* {
  margin:0;
  padding:0;
  /*font-family: "Verdana", Arial, Tahoma, sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  }
/* mise en cache des images*/  
.cache {display:none;}




/***************************************************************************
			IMAGES FIXEES GAUCHE & DROITE
***************************************************************************/
#left {
	position:fixed;
	width:482px;
	height:900px;
	top:0;
	left:0;
	background:url(/ccfa/images/fonds/left.jpg);
	background-repeat:no-repeat;
	z-index:-1;
	}

#right {
	position:fixed;
	width:449px;
	height:900px;
	top:0;
	right:0;
	background:url(/ccfa/images/fonds/right.jpg);
	background-repeat:no-repeat;
	z-index: -1;
	}

/***************************************************************************
	DECOMPOSITION EN 3 PARTIE DU CADRE ARRONDI OPAQUE, le tout inclu dans "#conteneur"
***************************************************************************/

	  #conteneur {
	  	margin:auto;
		width:940px;
		height:auto;
		margin-top:25px;
		}

	#contenu_haut{

		width:100%;
		height:30px;
		background-image:url(/ccfa/images/fonds/contenu_haut.png);
		background-position:bottom;
		background-repeat:no-repeat;
		behavior: url("/ccfa/iepngfix.htc");
		}
	#contenu_bas{

		width:100%;
		height:30px;
		background-image:url(/ccfa/images/fonds/contenu_bas.png);
		background-position:top;
		background-repeat:no-repeat;
		behavior: url("/ccfa/iepngfix.htc");
		}
	#contenu_centre{

		width:100%;
		height:auto;
		background-image:url(/ccfa/images/fonds/contenu_centre.png);
		background-repeat:repeat-y;
		height:auto;
		behavior: url("/ccfa/iepngfix.htc");
		
		}

/***************************************************************************
		CONTENU DU SITE
***************************************************************************/

/*-------    partie fixe, commune à chaque page, appellée par un include vers "templates/hautbody.tpl.php"   -----*/

	  #partie_fixe{
	  	position:relative;
		width:759px;
		height:160px;
		top:0px;
		left:25px;
		margin-top:0px;
		margin-left:0px;
		}
		#logoCCFA{
			/*background-image:url(/ccfa/images/logoCCFA2.png);
			background-repeat:no-repeat;
			background-position:right;*/			
			position:absolute;
			top:49px;
			left:-70px;
			/*margin-left:23px;
			margin-top:30px;*/
			width:398px;
			height:61px;
			}
		#menu_principal{
			position:absolute;
			top:0px;
			left:-28px;
			width:100%;
			height:55px;
			/*background-color:#999966;*/
			}
		#choix_langue{
			position:absolute;
			right:52px;
			width:110px;
			height:20px;
			top:49px;
			color:#FFFFFF;
			text-align:right;
			font-size:12px;
			}
			#choix_langue table td {
				color:#FFFFFF;
				}
			#choix_langue table td a:link {
				color:#FFFFFF;
				text-decoration:none;
				}
			#choix_langue table td a:visited {
				color:#FFFFFF;
				text-decoration:none;
				}
			#choix_langue table td a:hover {
				/*background-color:#797679;*/
				color:#FF001D;
				}
		#rech_stagiaires{
			position:absolute;
			top:88px;
			width:162px;
			height:40px;
			text-align:right;
			right:55px;
			}
		#inscription_nl{
			position:absolute;
			top:132px;
			right:20px;
			width:380px;
			height:34px;
			text-align:right;
			color:#FFEA00;
			font-size:12px;
			}
		#inscription_nl table td {
			color:#FFEA00;
			font-size:12px;
			}
		.texte_nl {
			border:none; 
			background-color:white; 
			padding-left:5px; 
			color:#000000;
			}

			
/*-------- fin de la partie fixe, début de la partie dynamique "#partie_souple" --------*/	

	  #partie_souple{
	  	position:relative;
		width:759px;
		min-height:350px;
		height:auto;
		left:0px;
		margin-left:0;
		margin-top:5px;
		display:block;
		}
		
		/*******recatangle jaune*****************************************************************/		
		
		#rectangle_jaune{
			position:relative;
			top:0px;
			left:0px;
			width:100%;
			height:198px;
			/*background-color:#FFEA00;*/
			background-image:url(/ccfa/images/bg_rectangle_jaune.png);
			background-position:top;
			padding-left:0px;
			overflow:hidden;
			display:block;
			}
		.texte_rectangle_jaune{
			position:absolute;
			left:45px;
			top:90px;
			font-size:15px;
			font-weight:bold;
			color:#FF001D;
			}
			
		/*------- intitulés des actus du moment sur la page d'accueil -----*/
		
		.actus{
			width:290px;
			height:145px;
			padding:40px 1Opx 20px 60px;
			text-align:left;
			font-size:10px;
			margin-top:5px;
			}
		.accueil_nom {
			color:#000000;
			font-size:13px;
			font-weight:bold;
			width:280px;
			height:15px;
			overflow:hidden;
			}
		.accueil_categorie {
			color:#000000;
			font-weight:normal;
			font-size:12px;
			}
		.accueil_date {
			font-size:13px;
			font-weight:normal;
			}
		.lien_prog a:link {
			color:#FF001D;
			text-decoration:none;
			}
		.lien_prog a:visited {
			color:#FF001D;
			text-decoration:none;
			}
		.lien_prog a:hover {
			color:#FF001D;
			text-decoration:underline;
			}
		/*******carre noir*****************************************************************/			
		
		#carre_noir{
			position:absolute;
			top:13px;
			right:57px;
			background-color:#000000;
			width:185px;
			height:185px;
			overflow:hidden;
			display:block;
			}
			
					
		/*******bande latérale jaune *****************************************************************/	
		
		#bande_droite{
			position:absolute;
			width:25px;
			top:13px;
			right:32px;
			height:300px;
			text-align:top;
			}

		/****** menu secondaire (gris), sous forme de tableau *****************************************************************/
		#menuSecond {
			position:absolute;
			top:13px;
			right:242px;
			width:185px;
			height:185px;
			background-color:#adacad;
			display:block;
			text-align:left;
			}
				
			/*------ /!\ ci-dessous: classe "menuSecond", différent du DIV "menuSecond" ci-dessus -----*/	
				
			.menuSecond td {
				color:#FFFFFF;
				font-size:10px;
				text-align:right;
				
				}
			.menuSecond td a, visited {
				color:#FFFFFF;
				font-size:10px;
				text-decoration:none;
				display:block;
				width:180px;
				padding-right:5px;
				height:23px;
				padding-top:7px;
				text-align:right;
				background-color:#adacad;
				
				}
			#btn_soutien a, visited{
				color:#FFFFFF;
				font-size:10px;
				text-decoration:none;
				display:block;
				width:180px;
				padding-right:5px;
				height:25px;
				padding-top:5px;
				text-align:right;
				background-color:#FF001D;
				}
			#btn_soutien a:hover{
				color:#FFFFFF;
				font-size:10px;
				text-decoration:none;
				display:block;
				width:180px;
				padding-right:5px;
				height:25px;
				padding-top:5px;
				text-align:right;
				background-color:#000000;
				}
			/*.menuSecond td a:visited {
				color:#FFFFFF;
				font-size:10px;
				text-decoration:none;
				display:block;
				width:180px;
				padding-right:5px;
				height:25px;
				padding-top:5px;
				text-align:right;
				background-color:#adacad;
				}	*/		
			.menuSecond td a:hover{
				color:#FFFFF;
				background-color:black;
				font-size:10px;
				text-decoration:none;
				display:block;
				width:180px;
				padding-right:5px;
				height:25px;
				padding-top:5px;
				
				}
			.menusoutien a:link {
				color:#FFFFFF;
				font-size:10px;
				text-decoration:none;
				display:block;
				width:180px;
				padding-right:5px;
				height:25px;
				padding-top:5px;
				text-align:right;
				background-color:#FF001D;
				
				}
			
			.secondclicked{
				color:#OOOOOO;
				background-color:#adacad;
				font-size:10px;
				text-decoration:none;
				text-align:right;
				display:block;
				width:180px;
				padding-right:5px;
				height:30px;
				font-weight:bold;
				}
		
/*-------------- "sms" = sous-menuSecond. Les classes ci-dessous définissent chaque sous menu de la page des COURS ------------*/
		
		.sms {
			position:absolute; 
			right:427px;
			background-image:url(/ccfa/images/noir90.png);
			/*background:#000000;*/
			border: none; 
			text-align:left;
			width:185px;
			height:auto;
			font-size:10px;
			color:#FFFFFF;
			font-weight:normal;
			display:none;
			}

		.psms {
			font-size:10px;
			cursor:pointer;
			width:177px;
			height:30px;
			padding: 0px 4px 0px 4px;
			}	
		.psmsover {
			font-size:10px;
			cursor:pointer;
			background-color:#333333;
			color:#FF001D;
			font-weight:normal;
			width:177px;
			height:30px;
			padding: 0px 4px 0px 4px;
			}
		/******* contenu - rectangle bas***************************************/

		#rectangle_bas{
			
			top:209px;
			left:0px;
			width:759px;
			min-height:190px;
			height:auto;
			background-image:url(/ccfa/images/bg_mid.png);
			background-repeat:repeat-y;
			background-position:left;
			text-align:justify;
			padding-left:25px;
			display:block;
			}
		.texte_rectangle_gris{
			width:450px;
			padding:20px;			
			}
		.texte_cours {
			display:none;
			}
		#bas_partie_souple {
			width:759px;
			height:55px;
			background-image:url(/ccfa/images/bg_bas.png);
			}	
		#bas_partie_souple_locaux{
			width:759px;
			height:55px;
			background-image:url(/ccfa/images/bg_bas_locaux.png);
			}
		/*---- les 4 classes ci-dessous sont communes pour l'affichage du Conseil d'administration et des membres de l'équipe ----*/
		
		.infosConseil{
			width:493px;
			height:185px;
			color:#000000;
			font-size:11px;
			font-weight:normal;
			border-bottom: thin solid #666666;
			overflow:hidden;
			/*padding: 0px 10px 0px 20px;*/
			}
				
		.equipe_nom{
			width:450px;
			color:#FF001D;
			font-size:18px;
			padding-left:20px;
			overflow:hidden;
			font-weight:normal;
			}
		.equipe_poste{
			width:440px;
			padding-left: 20px;
			color:#000000;
			font-size:14px;
			overflow:hidden;
			font-weight:bold;
			}
		.equipe_texte{
			width:447px;
			padding-left:20px;
			padding-right:20px;
			color:#000000;
			font-size:11px;
			overflow:hidden;
			
			}
		.equipe_texte p{
			width:447px;
			color:#000000;
			font-size:11px;
			overflow:hidden;	
			}
		
	.numCompte p {
		color:#FF001D;
		font-weight:bold;
		font-size:17px;
		line-height:28px;
		}	
	.numCompte {
		width:185px;
		height:135px;
		background-color:#000000;
		padding-top:25px;
		padding-bottom:25px;
		color:#FF001D;
		font-weight:bold;
		font-size:17px;
		line-height:22px;
		}
	
	.locaux{
		width:100%;
		height:460px;
		background-image:url(/ccfa/images/fond_locaux.jpg);
		background-position:center;
		background-repeat:no-repeat;
		}
	#clic_locaux{
		position:absolute;
		top:390px;
		left:80px;
		}

/****** menu en bas de page *****************************************************************/


#menuSoft td{
	color:#FFFFFF;
	}	
	#menuSoft a, a:visited{
		text-decoration:none;
		color:#FFFFFF;
		font-size:11px;
		}
	#menuSoft a:hover{
		text-decoration:none;
		color:#FF001D;
		font-size:11px;
		}	


#envoiAmi a, a:visited{
		text-decoration:none;
		color:#FFFFFF;
		font-size:11px;
		}
	
#envoiAmi a:hover{
		text-decoration:none;
		color:#FF001D;
		font-size:11px;
		}
						
/***********************************************************************/
/**************    SPECIFIQUES PROGRAMME CULTUREL    *******************/
/***********************************************************************/
		
		#contenu_agenda{
			width:702px;
			overflow:hidden;
			text-align:justify;
			list-style-type:disc;
			
			}
		#contenu_agenda p{
			width:447px;
			/*font-size:11px;*/
			padding-left:20px;
			padding-right:20px;
			list-style-type:disc;
			}
		#contenu_agenda li{
				margin-left:40px;
				width:427px;
				list-style-type:disc;
			}
		.bulleprog {
			position:absolute;
			top:10px;
			right:5px;
			background-image:url(/ccfa/images/bulleprog.png);
			background-repeat:no-repeat;
			background-position:top;
			width: 162px;
			height: 49px;
			display:none;
			}
		.bulleprogde {
			position:absolute;
			top:10px;
			right:5px;
			background-image:url(/ccfa/images/bulleprogde.png);
			background-repeat:no-repeat;
			background-position:top;
			width: 162px;
			height: 49px;
			display:none;
			}

		#lienprog {
			padding-left:20px;
			}
		#lienprog a:link {
			color:#FF001D;
			text-decoration:none;
			}
		#lienprog a:visited {
			color:#FF001D;
			text-decoration:none;
			}
		#lienprog a:hover {
			color:#000000;
			text-decoration:underline;
			}
		#titre h1 {
			font-size:18px;
			font-weight:normal;
			}

		.titre_prog{
			font-size:15px;
			font-weight:bold;
			color:#FF001D;
			}


					/*---- données relative au calendrier ----*/
			
			#tab_calendrier table td{
				color:#FFFFFF;
				font-size:12px;
				}
			.nom_mois{
				font-size:13px;
				color:#FFFFFF;
				}
			.nom_mois a, visited{
				font-size:13px;
				color:#FFFFFF;
				text-decoration:none;
				}
			.nom_mois a:hover{
				font-size:13px;
				color:red;
				text-decoration:none;
				/*font-weight:bold;*/
				}	
				
			/*---- dans le calendrier, gestion des couleurs en fonction de la catégorie ----*/
			
			

			.CSSconcert a, visited, hover{
				color:#ffea01;
				text-decoration:none;
				font-weight:bold;
				font-size:13px;
				}
			/***********/

			.CSSconf a, visited, hover{
				color:#e33feb;
				text-decoration:none;
				font-weight:bold;
				font-size:13px;
				}
			/**********/
		
			.CSSexpo a, visited, hover{
				color:#06bcfe;
				text-decoration:none;
				font-weight:bold;
				font-size:13px;
				}
			/**********/

			.CSScine a, visited, hover{
				color:#07ff08;
				text-decoration:none;
				font-weight:bold;
				font-size:13px;
				}
			/**********/

			.CSSspectacle a, visited, hover{
				color:#ff001e;
				text-decoration:none;
				font-weight:bold;
				font-size:13px;
				}
			/**********/
			.carrearchive td {
				border:thin solid #000000;
				width:10px;
				height:10px;
				background-color:black;
				}

			.CSSarchive a, visited, hover{
				color:#FFFFFF;
				text-decoration:none;
				font-weight:bold;
				font-size:13px;
				}
			.survol_cal {
								
				}
				

		
			/*------ /!\ ci-dessous: classes spécifiques aux boutons de chaque categorie -----*/	
				
			
				.concert a, visited {
					color:#FFFFFF;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					text-align:right;
					background-color:#adacad;
					}
			
				.concert a:hover{
					color:#ffea01;
					background-color:black;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					font-weight:bold;
					}
				/*****************************************/	
				.conf a, visited {
					color:#FFFFFF;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					text-align:right;
					background-color:#adacad;
					}
			
				.conf a:hover{
					color:#e33feb;
					background-color:black;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					font-weight:bold;
					}
				/*****************************************/	
				.expo a, visited {
					color:#FFFFFF;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					text-align:right;
					background-color:#adacad;
					}
			
				.expo a:hover{
					color:#06bcfe;
					background-color:black;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					font-weight:bold;
					}
				/*****************************************/	
				.cine a, visited {
					color:#FFFFFF;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					text-align:right;
					background-color:#adacad;
					}
			
				.cine a:hover{
					color:#07ff08;
					background-color:black;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					font-weight:bold;
					}
				/*****************************************/	
				.spectacle a, visited {
					color:#FFFFFF;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					text-align:right;
					background-color:#adacad;
					}
			
				.spectacle a:hover{
					color:#ff001e;
					background-color:black;
					font-size:10px;
					text-decoration:none;
					display:block;
					width:180px;
					padding-right:5px;
					height:25px;
					padding-top:5px;
					font-weight:bold;
					}
				/*****************************************/	
				
				
							
			/******* partie "deescriptif de l'évènement ********************************/
			
			.date_titre{
				color:#000000;
				font-size:15px;
				font-weight:bold;
				}
			.categorie{
				font-size:14px;
				
				}
			.categorie_{
				font-size:13px;
				font-weight:bold;
				color:#FF001D;
				}
			.nomEvenement {
				display: block;
				font-size:17px;
				font-weight:bold;
				color:#FF001D;
				text-align:left;
				}
			.nomEvenement p{
				font-size:17px;
				font-weight:bold;
				color:#FF001D;
				width:447px;
				padding-left:20px;
				padding-right:20px;
				}
			.description {
				display:none; 
				text-align:justify;			
				}	
			.description p {
				display:none; 
				text-align:justify;	
				}				
			.lieu{
				color:#000000;
				font-size:12px;
				}
				
/***************************************************/				
/****** page "partenaires" *************************/
/***************************************************/				
#txt_partner {
	width: 210px;
	height: auto;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	
	}


/***************************************************/				
/****** page "medias"      *************************/
/***************************************************/	

.textMedia {
	width:452px;
	padding:20px;
	height:145px;
	}
#trilivre{
	text-align:left;
	width:350px;
	padding:10px;
	}
	#trilivre a:link {
		color:#000000;
		font-weight:normal;
		text-decoration:underline;
		}
	#trilivre a:visited {
		color:#000000;
		font-weight:normal;
		text-decoration:underline;
		}
	#trilivre a:hover {
		color:#FF001D;
		font-weight:normal;
		text-decoration:underline;
		}
.info_livre {
			width:492px;
			height:185px;
			color:#000000;
			font-size:11px;
			font-weight:normal;
			border-bottom: thin solid #666666;
			overflow:hidden;}




/***************************************************/				
/****** page "contact" *************************/
/***************************************************/	

#contact_adresse a:link {
	color:#ff001d;
	text-decoration:none;
	}
#contact_adresse a:visited {
	color:#ff001d;
	text-decoration:none;
	}
#contact_adresse a:hover {
	color:#ff001d;
	text-decoration:underline;
	}