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


#default {
	position:relative;
	float:left;
	width:488px;
	margin-top:0px;
	padding-top:0px;
}

	.MSIE6 #default {margin-top:-4px;}

#logoImpression {
	display:none;
	margin-bottom:20px;
}

#bloc_manchette, #bloc_video, #depute, #candidat, #envoyer_ami, #listediffusion, #listebenevoles, #rss_explication, #bloc_evenement, #bloc_tdb, #archives, #travail_parlementaire, #liens_pertinents, #jappuie, #formulaire_jappuie, #joindre, #historique, #plateforme, #principe, #vie_democratique, #statuts_reglements, #chef, #yolande, #bureau_national, #secretariat_national, #cabinet_fantome, #cf_par_dossier, #tournee, #ccbq_accueil, #ccbq_membres, #ccbq_mandat, #ccbq_plan, #ccbq_bilan, #ccbq_documents, #ccbq_videos, #ccbq_contact, #proposition_principale, #bloc_carte, #plandusite, #logos_telechargeables, #nosDossiers, #english, #espanol {
	position:relative;
	float:left;
	width:468px;
	margin-left::10px;
	margin-right:5px;
}

#plandusite ul {
	list-style-type:none;
}

#liste_bloc_video, #liste_bloc_manchette, #liste_bloc_communique, #liste_deputes, #liste_candidats, #liste_bloc_tdb {
	position:relative;
	float:left;
	width:418px;
	margin-left:10px;
	margin-right:10px;
}

.MSIE6 #liste_bloc_communique, .MSIE6 #liste_bloc_video, .MSIE6 #liste_bloc_manchette, .MSIE6 #liste_bloc_communique, .MSIE6 #liste_deputes, .MSIE6 #liste_candidats, .MSIE6 #liste_bloc_tdb {
	margin-left:4px;
	margin-right:0px;
}

#liste_bloc_video ul, #liste_bloc_manchette ul, #liste_bloc_communique ul, #liste_deputes ul, #liste_candidats ul {
	list-style-type:none;
	margin-left:-40px;
}

	.MSIE6 #liste_bloc_video ul, .MSIE6 #liste_bloc_manchette ul, .MSIE6 #liste_bloc_communique ul, .MSIE6 #liste_deputes ul, .MSIE6 #liste_candidats ul {margin-left:0px;}
	.MSIE7 #liste_bloc_video ul, .MSIE7 #liste_bloc_manchette ul, .MSIE7 #liste_bloc_communique ul, .MSIE7 #liste_deputes ul, .MSIE7 #liste_candidats ul {margin-left:0px;}

#liste_bloc_manchette li, #liste_bloc_communique li, #travail_parlementaire li, #liens_pertinents li{
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 17px;
	margin-bottom:10px;
	list-style:none;
}

#jappuie .imageTitre, #formulaire_jappuie, .imageTitre {
	width:460px;
}

	#default .accueilColone {
		position:relative;
		width: 231px;
		margin-right:4px;
		margin-top:0px;
	}
	
		#default .accueilColone .autreNouvelle {
			padding-left:0px;
			padding-right:8px;
			padding-bottom:8px;
			margin-bottom:8px;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #CCC;
			
		}

		#default .accueilColone .autreNouvelle .date {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			font-style: italic;
			color: #000;
			margin-top:8px;
		}
						
			#default .accueilColone .autreNouvelle .titre {
				text-align:left;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 13px;
				margin-top:8px;
			}
			
			#default .accueilColone .autreNouvelle .titreVideo {
				text-align:left;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 11px;
				margin-top:8px;
				background-image: url(../../images/icones/logoVideo.jpg);
				background-position: left top;
				background-repeat: no-repeat;
				padding-left: 28px;
				
			}
						
				#default .accueilColone .autreNouvelle a:link {
					text-decoration:none;	
					color:#00467f;
				}
							
				#default .accueilColone .autreNouvelle a:visited {
					text-decoration:none;	
					color:#00467f;
				}
							
				#default .accueilColone .autreNouvelle a:hover {
					color: #648EB5;
					text-decoration:none;
				}
				
/* DEBUT DES NOUVEAUX STYLES GUY NOV. 2009 - ACCUEIL AVEC 1 SEULE COLONNE DE NOUVELLES */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#default .nouvelles-1-colonne {
		position:relative;
		width: 470px;
		margin-right:4px;
		margin-top:0px;
		}
		
	#default .nouvelles-1-colonne .autreNouvelle {
		background-image: url(../../images/accueil-fond-de-bloc.gif);
		background-repeat: repeat-x;
		padding: 8px 8px 8px 8px; /*ici je change le dernier chiffre de 0 pour mon fond degrade */
		margin-bottom:8px;
		/*border-bottom: 1px solid #ccc;*/
		clear: both;
		}

		#default .nouvelles-1-colonne .autreNouvelle .vignette {
			float: left;
			margin: 0 10px 10px 0;
			border: 1px solid #ccc;
		}
		
		#default .nouvelles-1-colonne .autreNouvelle .date {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 11px;
			color: #000;
			letter-spacing: 1px;
		}
						
		#default .nouvelles-1-colonne .autreNouvelle .titre {
			text-align:left;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px;
			line-height: 19px;
			margin-top:8px;
		}

		#default .nouvelles-1-colonne .autreNouvelle a:link {
		text-decoration: none;
		color: #333;
		}
		#default .nouvelles-1-colonne .autreNouvelle a:visited {
		text-decoration: none;
		color: #333;
		}
		#default .nouvelles-1-colonne .autreNouvelle a:hover {
		text-decoration: none;
		color: #648EB5;
		}
		#default .nouvelles-1-colonne .autreNouvelle a:active {
		text-decoration: none;
		color: #333;
		}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* FIN DES NOUVEAUX STYLES GUY NOV. 2009 - ACCUEIL AVEC 1 SEULE COLONNE DE NOUVELLES */


	#bloc_evenement .ligneEvenement {
		margin-bottom:10px;
		margin-left:20px;
	}
		
		#bloc_evenement .ligneEvenement .titre {
			font-size: 14px;
			font-weight: bold;
			color: #000;	
		}
			
		#bloc_evenement .ligneEvenement .description {
			font-size: 13px;
			line-height: 17px;
			color: #000;
			margin-left:30px;
			margin-top: 8px;
		}
			
		#bloc_evenement .ligneEvenement .urlInfo {
			margin-left:30px;
			margin-top: 5px;
		}
		#bloc_evenement .ligneEvenement .albumFlickr {
			margin-left:30px;
			margin-top: 5px;
		}
		
	#liste_bloc_video .ligne, #travail_parlementaire .video, #ccbq_videos .ligne {
		height:90px;
	}
	
	#liste_bloc_tdb .ligne {
		height:140px;
	}
	
	#liste_bloc_manchette .date, #liste_bloc_communique .date, #travail_parlementaire .date {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		font-style: italic;
		color: #000;
		
	}
	
	#tournee .ligneVideo {
		height:75px;
		margin-top:12px;
	}

	#tournee .ligneVideo .image {
		float:left;
		margin-right:10px;
	}
	
	#tournee .ligneVideo .vignette {
		float:left;
		margin-right:3px;
	}
		
	#tournee .ligneVideo .titre {
		text-align:left;
		margin-top:8px;
	}
	

	
		#liste_bloc_video .ligne img, #liste_bloc_tdb .ligne img, #travail_parlementaire li img, #ccbq_videos .ligne img {
			float:left;
			margin-right:10px;
		}
		
		#liste_bloc_video .ligne .titre, #liste_bloc_tdb .ligne .titre, #ccbq_videos .ligne .titre {
			text-align:left;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 13px;
			margin-top:8px;
		}
		
		#liste_bloc_video .ligne .date, #liste_bloc_tdb .ligne .date, #ccbq_videos .ligne .date  {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			font-style: italic;
			color: #000;
			margin-top:8px;
		}
		
	#liste_deputes .entete {
		background-color:#CCC;
		padding:3px;
	}
		#liste_deputes .entete a {
			text-decoration:none;
		}
	
	#liste_candidats .entete {
		background-color:#CCC;
		padding:3px;
	}
		#liste_candidats .entete a {
			text-decoration:none;
		}
		
#chef .imgchef {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

#cabinet_fantome .liens {
	text-decoration:none;
	cursor:pointer;
}

#cabinet_fantome .depute {
	height:122px;
	margin-bottom:10px;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #eaebeb;
}

#cabinet_fantome .depute img {
	float:left;
	margin-right:10px;	
	margin-left:3px;
}

#cabinet_fantome .nom {
	text-transform:uppercase;
}

#cabinet_fantome .classement {
	float:right;
	font-size: 10px;
	font-style: italic;
}

#cf_par_dossier .liens {
	text-decoration:none
}


#cf_par_dossier .depute {
	height:122px;
	margin-bottom:10px;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #eaebeb;
}

#cf_par_dossier .depute_adjoint {
	height:122px;
	margin-bottom:10px;
	padding-top:3px;
	padding-bottom:3px;
	background-color: #eaebeb;
	margin-left:50px;
}

#cf_par_dossier .depute img {
	float:left;
	margin-right:10px;	
	margin-left:3px;
}

#cf_par_dossier .depute_adjoint img {
	float:left;
	margin-right:10px;	
	margin-left:3px;
}

#cf_par_dossier .domaine {
	text-transform:uppercase;
}

#cf_par_dossier .classement {
	float:right;
	font-size: 10px;
	font-style: italic;
}

#ccbq_accueil .vignette, #ccbq_membres .vignette {
	color: #555;
}
			
#boiteReagir {
	margin-top:16px;
	padding-top:16px;
	margin-bottom:8px;
	border-top: 1px solid #CCC;
}

#boiteReagir ul {
	list-style-type:none;
	margin-left:-30px;
}

	.MSIE6 #boiteReagir ul {margin-left:0px;} 
	.MSIE7 #boiteReagir ul {margin-left:0px;}

	#boiteReagir a:link {
		text-decoration:none;	
	}
	
	#boiteReagir a:visited {	
		text-decoration:none;
	}
	
	#boiteReagir a:hover {
		text-decoration:none;
	}

.formulaire {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #eaebeb;
	width:450px;
}

	.formulaire td {
		padding: 3px;
		vertical-align: top;
		border-bottom: 1px dotted #ccc;
	}
	
	.formulaire .texteGris {
		color: #555;
	}
	

/* ==================================== */
/*  		CALENDRIER					*/
/* ==================================== */								
#bloc_evenement_calendrier {
	border: 1px solid #09c; 
	padding: 5px; 
	background: white; 
	width: 200px;
	margin-top:10px;

}

#bloc_evenement_calendrier #titre {
	font-family: Helvetica, Arial, sans-serif; 
	color: #036; 
	font-size: 10px; 
	line-height: 14px; 
}
	
/* Frame du calendrier lui-même */
/* Incluant nav vers autres mois, mois courant et tous les jours */
#bloc_evenement_calendrier #evenements2 {
	width:100%;
}

	/* Ligne de la nav vers autres mois et mois courant */
	#bloc_evenement_calendrier #evenements2 #mois {
			position:relative;
			background-color:#a7bdc9;
			width:100%;
			height:16px;
			padding-top:1px;
	}
								
	#bloc_evenement_calendrier #evenements2 #mois .fleche {
			position:absolute;
			top:0px;
			cursor:pointer;
	}
	
								
	#bloc_evenement_calendrier #evenements2 #mois #nomMois {
			margin:8px;	
			color:#000;
			font:Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:bold;
	}
								
	
	/* Ligne des jours de la semaine */
	#bloc_evenement_calendrier #evenements2 #semaine {
		color:#555;
		text-transform: uppercase;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		margin-top: 1px;
		
	}
	
		#bloc_evenement_calendrier #evenements2 #semaine .date {
			padding-left:9px;
			padding-right:9px;	
		}
		
	#bloc_evenement_calendrier #evenements2 #afficheCalendrier {
		text-align:left;
		margin-left:6px;
	}
	
	#bloc_evenement_calendrier #evenements2 #afficheCalendrier span {
	width:15px;
	display: inline-block;
	margin-bottom:1px;
	margin-left:4px;
	margin-right:5px;
	text-align:center;
		}
		
	/* Chaque case des jours */
	#bloc_evenement_calendrier #evenements2 #afficheCalendrier .otherMonth {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
	}
	
	/* Chaque case des jours */
	#bloc_evenement_calendrier #evenements2 #afficheCalendrier .jourVide {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 14px;
	}
	
	/* Chaque case des jours */
	#bloc_evenement_calendrier #evenements2 #afficheCalendrier .jourEvenement {
		background-color: #0cf;
		color: #036;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 14px;
	}
	
	#bloc_evenement_calendrier #evenements2 #afficheCalendrier .jourEvenement a:link {
		text-decoration:none;
		color: black;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 14px;
	}

	#bloc_evenement_calendrier #evenements2 #afficheCalendrier .jourEvenement a:visited {
		text-decoration:none;
		color: #036;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 14px;
	}
	#bloc_evenement_calendrier #evenements2 #afficheCalendrier .jourEvenement a:hover {
		text-decoration:none;
		color: white;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 14px;
	}
	#bloc_evenement_calendrier #evenements2 #afficheCalendrier .jourEvenement a:active {
		text-decoration:none;
		color: #036;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 14px;
	}	

/* STYLE POUR L'AFFICHAGE DE LISTE DE BLOCS DANS LES DOSSIERS */
.listeNouvelle .Avignette {
	height:90px;
}

.listeNouvelle .Svignette {
	margin-bottom:30px;
}

.listeNouvelle li {
	list-style:none;
	margin-left:-30px;
}

.listeNouvelle img {
	float:left;
	margin-right:10px;
}
		
.listeNouvelle .ligne {
	text-align:left;
	margin-top:8px;
}
		
.listeNouvelle .date {
	font-style:italic;
	color: #000;
	margin-top:8px;
}