@import url("forms.css");
@import url("fonts.css");
/* MAIN */

body {
	
	background:#fff url(../img/bg_site.jpg) top left repeat-x;
	margin:0; padding:0;
	font: 62.5% verdana, Sans-Serif;
	color: #3c3c3c;
}
@font-face {
	font-family: zurickk;
	font-weight: normal;
	src: url('ZurichBT-RomanCondensed2.otf');
}
img.logo{display:none;}
a{
	color:#2b68cd;
	text-decoration:underline;
}
	a:hover{text-decoration:none;}
form {padding:0; margin:0;}
img {border:0;}
h6 {margin : 5px 0;}
h5 {clear:both; font-size:1.2em; margin:0; padding: 10px 0 10px 0;}
h1 {
	font-family: zurickk,arial;
	color:#3c71a4;
	font-size:22px;
	margin:0;
	padding:0px 25px 14px 0;
	padding-left:13px;
	font-weight:normal;

}
.headerMood h1 {position:absolute;}
h4 {
	
	font-family: georgia;
	display:block;
	clear:both;
	color:#3c3c3d;
	font-size:13px;
	margin:0;
	font-weight:bold;
	padding:0px 0 14px 0;
	padding-left:15px;
}
li{
	font-size:12px;
}
div.formTitle {
	display:block;
	clear:both;
	margin:0 0 0 15px; padding:0;
	font-family: verdana;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:32px;
	height:32px;
	text-indent:35px;
	background:url(../img/bg_titreBleu.gif) top left no-repeat;
}
	div.secure {
		background:url(../img/bg_secure.jpg) top left no-repeat;
	}
.margTop {padding-top:15px;}
.margTopBox {padding-top:25px;}
h2{
	display:block;
	font-family:georgia;
	font-size:13px;
	clear:both;
	color:#3c3c3d;
	font-weight:bold;
	text-indent:0px;
	margin:0 0 0px 15px;
	padding:0 0 5px 0;
	
}
	h2 span{
		color:#737373;
		font-size:12px;
		font-family:verdana;
	}		

p {margin:0; padding: 0 0 10px 0;line-height:16px; display:block; clear:both; font-size:1.2em;}

a{outline:none;}

/* quand pas de player */
.noplayer{
	text-align:center;
	background:url("../img/icone_flash.jpg") top center no-repeat;
	font-size: 14px;
	padding:100px 0px 0px 0px;
	margin:60px 0px 0px 0px;
}
.noplayer a{
	font-weight:bold;
}

/* tooltip qui indique que le lien cliqué est reservé aux membres */
#tooltipExclusif{
	display:none;
	width:478px; height:26px;
	line-height:26px;
	text-indent:25px;
	color:#fff;
	background:url(../img/bg_error.gif) top left no-repeat;	
	margin: 0 0 0 11px;
}

#wrap #content .colCententFull .newsBox p{
	padding-left:0;
} 

	#wrap #content .colCententFull h3 a.linkFleche{
		position:absolute;
		display:block;
		float:none;
		height:20px;
		line-height:20px;
		padding: 0 17px 0 0;
		background:url(../img/bg_link_fleche.jpg) right 4px no-repeat;	
		color:#737373;
		right:15px;
		top:7px;
		text-decoration:none;
		font-family:verdana;
		font-weight:bold;
		font-size:10px;
	}
		#wrap #content .colCententFull h3 a.linkFleche:hover{text-decoration:underline;}

	#wrap #content .colCententFull a.linkFleche{
		float:left;
		display:inline;
		 height:20px;
		line-height:20px;
		padding: 0 17px 0 0;
		background:url(../img/bg_link_fleche.jpg) right 4px no-repeat;	
		color:#737373;
		text-decoration:none;
		font-weight:bold;
		font-size:10px;
	}
		#wrap #content .colCententFull a.linkFleche:hover{text-decoration:underline;}
		#wrap #content .colCententFull a.fRight{float:right;margin: 0 5px 0 0;}

/* HEAD  */
#wrap {
	width:970px;
	margin:0 auto;
	position:relative;
}
#wrapBg {
	width:100%;
	margin:0 auto;
	position:relative;
	background:url(../img/bg_site2.jpg) center top no-repeat;
}
	#wrap #header{
		float:left;
		width:970px; height:186px;
		background:#fff url(../img/bg_header.jpg) top left no-repeat;
		
	}			
		#wrap #header .utility{
			float:right;
			width:300px; 
			padding:5px 33px 0 0;
			text-align:right;	
		}	
	
			#wrap #header .utility a{
				font-size:11px;
				color:#0c3173;
				text-decoration:none;
			}
				#wrap #header .utility a:hover{
					text-decoration:underline;
				}
		#wrap #header .headerMood{
			float:left;
			position:relative;
			width:970px;
			height:150px;
			background:url("../img/_imageRandom.php?i=header") 210px top no-repeat;
		}	
		
			#wrap #header .headerMood h1 a{	
				display:block;
				position:absolute;
				text-indent:-10000px;
				width:170px;
				height:80px;
				left:0; top:40px;
			}		
		#wrap #header .menu{
			float:left;
			width:900px;
			height:36px;
		}		
			#wrap #header .menu a{
				float:left;
				text-indent:-10000px;
				height:36px;
				margin: 0 1px 0 0;
			}
				#wrap #header .menu a.btnAccueil{
					width:141px;
					background:#fff url(../img/btnAccueil.jpg) top left no-repeat;
				}
				#wrap #header .menu a.btnEmission{
					width:141px;
					background:#fff url(../img/btnEmission.jpg) top left no-repeat;
				}
				#wrap #header .menu a.btnOrganisme{
					width:141px;
					background:#fff url(../img/btnOrganisme.jpg) top left no-repeat;
				}
				#wrap #header .menu a.btnMembre{
					width:141px;
					background:#fff url(../img/btnMembre.jpg) top left no-repeat;
				}
				#wrap #header .menu a.btnBigDon{
					width:202px;
					background:#fff url(../img/btnBigDon.jpg) top left no-repeat;
				}
				#wrap #header .menu a:hover{
					background-position:0px -40px;
				}
				#wrap #header .menu a.open{
					background-position:bottom left !important;
				}
				#wrap #header .menu a.open span{background-position:bottom left !important;}
				
				#wrap #header .menu a.open {margin-bottom:-2px; height:38px;}
				
				
		#wrap #content{
			float:left;
			width:970px;
			padding:35px 0 0 0;
			
		}			
			#wrap .colMenu{
				float:left;
				width:207px;
				padding: 5px 0 0 0;
			}	
				#wrap .colMenu a.donateur{
					margin: 22px 0 0 0;
					float:left;
					width:176px; height:318px;
					text-indent:-9999px;
					cursor:pointer;
					background: url(../img/img_don.png) top left no-repeat;
				}	
				#wrap .colMenu .parole{
					margin: 22px 0 0 0;
					padding: 30px 0 0 0;
					float:left;
					display:inline;
					font-family:verdana;
					font-size:10px;
					
					font-style:italic; 
					width:190px;
					background: url(../img/bg_parole1.png) top left no-repeat;
				}
				.parole .psaume{
					text-align:right;
					font-style:normal;
				}
					#wrap .colMenu .parole .textParole{
						float:left;
						width:170px;
						padding:0 10px 5px 10px;
						background: url(../img/bg_parole2.png) top left repeat-y;
					}
					#wrap .colMenu .parole .bottomParole{
						float:left;
						width:190px; height:7px;
						background: url(../img/bg_parole3.png) top left no-repeat;
					}
				#wrap .colMenu a.aide{
					margin: 22px 0 0 0;
					float:left;
					width:130px; height:67px;
					padding: 30px 30px 0 30px;
					text-align:center;
					text-decoration:none;
					font-size:11px;
					color:#4a4a4a;
					line-height:13px;
					background: url(../img/bg_aide.png) top left no-repeat;
				}	
				#wrap .colMenu .subMenu{
					position:relative;
					float:left;
					display:inline;
					width:182px;
					padding:6px 0 5px 6px;
					background:#49729d;
					border:1px solid #5889b1;
					border-radius:5px;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					box-shadow: 1px 1px 6px #000;
					-moz-box-shadow: 1px 1px 6px #000;
					-webkit-box-shadow: 1px 1px 6px #000;
				
				}	
					#wrap .colMenu .subMenu a{
						position:relative;
						display:block;
						font-size:11px;
						width:178px; height:24px;
						background:url(../img/bg_subMenu.gif) top left no-repeat;
						line-height:22px;
						color:#11476b;
						text-indent:20px;
						text-decoration:none;
						z-index:1;
						padding:0;
						margin:0;
					} 	
					.dateBug{padding: 0 3px 0 0;}
					
						#wrap .colMenu .subMenu a:hover{color:#1676b7;}
						#wrap .colMenu .subMenu a.open {
							color:#1c88d0 !important;

						}
						#wrap .colMenu .subMenu a.openbg {background:url(../img/bg_menu_open.gif) top left no-repeat;}
						
					#wrap .colMenu .subMenu .section{
						display:block;
						width:174px; height:20px;
						line-height:20px;
						color:#fff;
						font-weight:bold;
						text-transform:uppercase;
						text-indent:10px;
						background:#24396c;
						border:1px solid #24396c;;
						margin: 0 0 3px 0;
					} 			
					#wrap .colMenu .subMenu .section a{
						display:inline;
						background:none;
						padding:0;
						margin:0;
						float:none;
						color:#fff;
					}
					#wrap .colMenu .subMenu .subSubMenu{
						display:block;

						width:178px; 
						padding:6px 0px;
						background: url(../img/bg_sousMenu.jpg) top left no-repeat;
						border-bottom:1px solid #2d5b80;
						margin: -1px 0 0 0;
						z-index:10000;
					} 	
						
						#wrap .colMenu .subMenu .subSubMenu a{
							position:relative;
							display:block;
							width:140px;
							height:auto;
							text-indent:0px;
							line-height:12px;
							background:url(../img/bg_flecheMini.gif) 20px 9px no-repeat;
							padding:5px 0 3px 30px ;
							z-index:100;
							color:#797979;
							text-decoration:none;
						} 
						#wrap .colMenu .subMenu .subSubMenu a:hover{color:#1c88d0;background:url(../img/bg_flecheMini_hover.gif) 20px 9px no-repeat;}
							
							
			/* FORMULAIRE  */ 
			#donoptions {padding: 0 0 20px 0;}
			#donoptions a{
				display:block;
				height:57px; width:476px;
				text-indent:-10000px;
				margin: 0 0 0px 10px;
				cursor:pointer;
			}
			.don1{background:url(../img/btn_don1.jpg) top left no-repeat;}	
			.don2{background:url(../img/btn_don2.jpg) top left no-repeat;}	
			.don3{background:url(../img/btn_don3.jpg) top left no-repeat;}	
			
			#donoptions a:hover{background-position:bottom left;}							
			#wrap #content div.formText{
				display:inline;
				clear:both;
				background:#fafafa;
				border:1px solid #c0c0c0;
				margin:0 22px 15px 15px;		
				padding:10px 20px;		
				float:left;
				width:434px;
			}	
			#wrap #content div.formText input.checkbox{float:left; margin:6px 6px 0 0;}
				#wrap #content div.formText select {margin:4px 3px 0 0;}
				#wrap #content div.formText .radio {margin:4px 3px 0 0;}
				#wrap #content form div.wrapLine{
					float:left;
					width:100%;
					padding: 0 0 7px 0;
					font-size:11px;
					color:#838383;;
				}
					#wrap #content form p{padding-left:0px !important;}
				#wrap #content form input.text{
					display:inline;
					border:1px solid #dadcde;
					float:left;
					height:20px;
					width:210px !important;
					margin: 4px 4px 0 0;
					padding:4px 0 0 0;
				
				}		
				.response{display:none;}
				.question{
					font-size:12px;
					font-weight:bold;
					display:block;
					padding:10px 10px 0 15px;
					cursor:pointer;
				}
				#wrap #content form textarea.text{
					border:1px solid #dadcde;
					float:left;
					height:90px;
					width:310px !important;
					margin: 4px 4px 0 0;
					padding-top:4px;
				
				}		
				}
				#wrap #content .colCententFull .normalContent .clearfix input.text{
					border:1px solid #dadcde;
					float:left;
					height:90px;
					width:310px;
					margin: 4px 4px 0 0;
					padding-top:4px;
				
				}		
					#wrap #content form textarea.priere{
						height:150px;
						width:380px !important;
					}	
				#wrap #content form select.text{
					border:1px solid #dadcde;
					float:left;
					height:20px;
					width:210px !important;
					margin: 4px 4px 0 0;
					padding-top:0px;
				
				}			
				#wrap #content form input.small{width:50px !important;}	
				#wrap #content form input.tiny{width:30px !important;}		
				#wrap #content form div.label{
					color:#4e4e4e;
					font-size:11px;
					float:left;
					padding:6px 7px 0 0;
					width:92%;
		
				}		
						
				#wrap #content form .envoyer{
					display:block;
					border:none;
					width:79px; height:30px;
					float:left;
					background:url(../img/bg_envoyer.gif) top left no-repeat;
					cursor:pointer;
					padding: 0 0 0 0;
					margin:15px 0 0 0px;
				}			
				/* FORMULAIRE  PAYPAL */				
				#wrap #content form.formPaypal{
					display:inline;
					clear:none;
					background:none;
					border:none;
					margin:0px ;		
					padding:0px;		
				}	
										
			#wrap #content .colCententFull{
				float:left;
				width:737px;				
			}	
				#wrap #content .colCententFull p {
					padding-left:15px;
					padding-right:15px;
				}	
				
				#wrap #content .accueilBg p {
					padding-left:0;
					padding-right:0;
				}
				#wrap #content .colCententFull .smallPlayer{
					float:left;
					width:730px; height:352px;			
				}
				/* player pas dans la page des videos (par ex avec les exclusivités) */
				.standalonePlayer{
					padding:0px 0px 0px 20px;
				}
					#wrap #content .colCententFull .flashPlayer{
						float:left;
						display:inline;
						margin: 0 2px 0 0;
						width:402px; height:356px;
						background:#efefef;
						padding: 2px 0 0 2px;
						box-shadow: 1px 1px 6px #434444;
						-moz-box-shadow: 1px 1px 6px #434444;
						-webkit-box-shadow: 1px 1px 6px #434444;
						border:1px solid #c5c5c5;
					}
						#wrap #content .colCententFull .flashPlayer .flash{
							float:left;
							width:400px; height:326px;

						}

						.containerPage{
							position:absolute;
							top:0; left:0;
							display:block;
							
						}
						.pager{
							display:block;
							padding:5px 10px 5px 5px;
							text-align:right;
							font-weight:bold;
							font-size:10px; 
						}
							.pager a {
								margin:2px;
							}
						.hirez{
							position:absolute;
							top:0px;left:0px;
							display:none;
							width:504px;
							text-align:left;
							cursor:pointer;
							padding:2px;
							height:312px;
							margin:-50px 0 0 -317px;
							border:1px solid #acacac;
							background:#fff;
							z-index:500000;
						}
						#wrap #content .colCententFull .flashPlayer .resolution{
							float:left;
							width:400px; height:25px;
							background:url(../img/bg_underVideo.jpg) left top no-repeat;
							line-height:24px;
							color:#c2c2c2;
							font-size:10px;
						}
							#wrap #content .colCententFull .flashPlayer .resolution .fLeft{
								float:left;
								width:58%;
								text-indent:10px;
							}
								#wrap #content .colCententFull .flashPlayer .resolution .fLeft a{
									color:#c2c2c2;
									text-decoration:none;
								}
									#wrap #content .colCententFull .flashPlayer .resolution .fLeft a:hover{text-decoration:underline;}
									#wrap #content .colCententFull .flashPlayer .resolution .fLeft a.selected{text-decoration:none !important; color:#fff; font-weight:bold;}
									
									
							#wrap #content .colCententFull .flashPlayer .resolution .fRight{
								float:right;
								width:37%;
								padding-right:10px;
								text-align:right;
							}
					#wrap #content .colCententFull .pub{
						float:left;
						width:318px; 
						background:#efefef;
						padding: 2px 0 1px 2px;
						margin: 0 0 2px 0;
						box-shadow: 1px 1px 6px #434444;
						-moz-box-shadow: 1px 1px 6px #434444;
						-webkit-box-shadow: 1px 1px 6px #434444;
						border:1px solid #c5c5c5;
					}	
					.overflowH {
						height:237px;
						overflow:hidden;
					}
						.overflowH a img{
							padding-bottom:3px;
						}
					
			
						#wrap #content .colCententFull .pub .otherSuggestion a{
							display:block;
							width:316px; height:45px;
							margin:0 0 2px 0;
							background:url(../img/bg_suggestion_big.gif) left top no-repeat;	
							text-decoration:none;
						}
						
						
						#wrap #content .colCententFull .pub .otherSuggestion a:hover{
							background-position:bottom left;
							
						}
							#wrap #content .colCententFull .pub .otherSuggestion a img{
								float:left;
								position:relative;
								border-right:1px solid #c5c5c5;
								padding: 1px 0 0 1px;
								z-index:500;
							}
							#wrap #content .colCententFull .pub .otherSuggestion a span.text{
								float:left;
								padding: 13px 0 0 9px;
								width:210px;
								color:#3c3c3c;
								font-size:10px;
							}
							#wrap #content .colCententFull .pub .otherSuggestion a span.date{
								float:left;
								padding: 8px 0 2px 9px;
								width:180px;
								color:#747474;
								font-size:9px;
								font-size:10px;
							}
								#wrap #content .colCententFull .pub .otherSuggestion a span img{
									float:left;
									position:relative;
									border-right:none;
									padding: 0px 5px 0 0px;
								}
							.moisanrewrite{/* met le nom du mois avec premiere lettre majuscule */
								text-transform:capitalize;
							}

							#wrap #content .colCententFull .pub .otherSuggestion div{
							padding:1px 0 0px 0px;
							color:#2c2c2c;
							font-size:10px;
							
						}
							#wrap #content .colCententFull .pub .otherSuggestion div.titre{
								padding:1px 0 2px 0px;
								font-weight:bold;
							}
				#wrap #content .colCententFull .bigPlayer{
					float:left;
					 height:352px;		width:729px;	
					background:url(../img/bg_bigPlayer.gif) left top no-repeat;
					border:1px solid #c5c5c5;
					box-shadow: 1px 1px 6px #434444;
					-moz-box-shadow: 1px 1px 6px #434444;
					-webkit-box-shadow: 1px 1px 6px #434444;
				}	
					#wrap #content .colCententFull  .titlePlayer1{
						position:relative;
						float:left;
						width:484px;
						height:15px;
						color:#fff;
						font-weight:bold;
						font-size:10px;
						margin-top:-10px;
						text-transform:uppercase;
						z-index:100000;
					}
					#wrap #content .colCententFull  .titlePlayer2{
						position:relative;
						float:left;
						width:204px;
						height:15px;
						margin-top:-10px;
						color:#fff;
						font-weight:bold;
						font-size:10px;
						z-index:100000;
						text-transform:uppercase;
					}
					#wrap #content .colCententFull .bigPlayer .imageViewer{
						float:left;
						display:inline;
						width:473px; height:319px;
						border:1px solid #9d9d9d;
						margin:3px 3px 4px 3px;
					}
					#wrap #content .colCententFull .bigPlayer .bottomLink{
						float:left;
						display:inline;
						width:725px; height:20px;
						text-indent:6px;

					}
					
					
					#wrap #content .colCententFull .bigPlayer .bottomLink a{
						float:left;
						display:inline;
						 height:20px;
						line-height:20px;
						padding: 0 17px 0 0;
						background:url(../img/bg_link_fleche.jpg) right 4px no-repeat;	
						color:#737373;
						text-decoration:none;
						font-weight:bold;
						font-size:10px;
					}
						#wrap #content .colCententFull .bigPlayer .bottomLink a:hover{text-decoration:underline;}
						#wrap #content .colCententFull .bigPlayer .bottomLink a.fRight{float:right;margin: 0 5px 0 0;}
					#wrap #content .colCententFull .bigPlayer .videoPlayer{
						float:left;
						display:inline;
						width:246px; height:209px;
						margin:3px 0px;
						background:url(../img/bg_miniVideo.gif) left top no-repeat;
						position:relative;
					}
						#wrap #content .colCententFull .bigPlayer .videoPlayer .play{
							position:absolute;
							display:block;
							top:50%;left:50%;
							width:53px; height:54px;
							cursor:pointer;
							background:url(../img/bg_play.png) left top no-repeat;
							margin: -29px 0 0 -26px;
						}
						#wrap #content .colCententFull .bigPlayer .videoPlayer img{float:left; padding:1px 0 0 1px;}
						#wrap #content .colCententFull .bigPlayer .videoPlayer div.text{
							position:absolute;
							left:0px;
							bottom:6px;
							width:85%;
							color:#53575c;
							text-indent:10px;
						}
					#wrap #content .colCententFull .bigPlayer .otherSuggestion{
						float:left;
						display:inline;
						width:246px;
					}	
						#wrap #content .colCententFull .bigPlayer .otherSuggestion div{
							padding:2px 0 3px 0px;
							color:#2c2c2c;
							text-transform:uppercase;
							font-size:10px;
							font-weight:bold;
						}
							#wrap #content .colCententFull .accueilPlayer .otherSuggestion div{
								padding:2px 0 0 0;
							}
						#wrap #content .colCententFull .bigPlayer .otherSuggestion a{
							display:block;
							width:246px; height:45px;
							margin:0 0 2px 0;
							background:url(../img/bg_miniSuggestion.gif) left top no-repeat;	
							text-decoration:none;
						}
						
						#wrap #content .colCententFull .bigPlayer .otherSuggestion a:hover{
							background-position:bottom left;
							
						}
						
							#wrap #content .colCententFull .bigPlayer .otherSuggestion a img{
								float:left;
								position:relative;
								border:1px solid #c5c5c5;
								z-index:100000;
							}
							#wrap #content .colCententFull .bigPlayer .otherSuggestion a span.text{
								float:left;
								padding: 12px 0 0 4px;
								width:139px;
								color:#3c3c3c;
								font-size:10px;
								text-transform:none;
								font-weight:normal;
							}
							#wrap #content .colCententFull .bigPlayer .otherSuggestion a span.date{
								float:left;
								padding: 8px 0 2px 9px;
								width:139px;
								color:#747474;
								font-size:10px;
							}
							
				#wrap #content .colCententFull .colContentLeft{
					float:left;
					width:513px; 
					padding:18px 1px 0 0;
					margin: 0 7px 0 0;
					min-height:500px;
				}	
					/* UTILITY */
					#wrap #content .colCententFull .colContentLeft .utility{
						float:right;
						width:300px;
						text-align:right;
						padding: 0 18px 0 0;
						margin: -19px 0 0 0;
					}
						#wrap #content .colCententFull .colContentLeft .texteUtil{margin: 15px 0 0 0;}
						#wrap #content .colCententFull .colContentLeft a.tailleTexte{
							padding:0 5px 0 18px;
							background:url(../img/img_lettre.gif) left top no-repeat;	
						}
						#wrap #content .colCententFull .colContentLeft a.print{
							padding:0 0 0 18px;
							background:url(../img/img_print.gif) left top no-repeat;	
						}
						#wrap #content .colCententFull .colContentLeft .utility a{
							color:#a6a6a6;
							text-decoration:none;
							font-size:10px;
							padding-top:1px;
						}
							#wrap #content .colCententFull .colContentLeft .utility a:hover{text-decoration:underline;}
					/* PAGING */
					#wrap #content .colCententFull .colContentLeft .paging{
						display:block;
						position:relative;
						clear:both;
						height:20px;
						line-height:20px;
						background:#f7f7f7;
						border:1px solid #e4e4e4;
						margin: 0 21px 17px 15px;
						text-align:center;
					}
						#wrap #content .colCententFull .colContentLeft .paging a{
							
							text-decoration:none;
							font-size:10px;
							padding:1px 3px 1px 3px; 
							background:#3c71a4; color:#fff;
							font-weight:bold; 
						}
							#wrap #content .colCententFull .colContentLeft .paging a:hover{text-decoration:underline;}
							#wrap #content .colCententFull .colContentLeft .paging a.open{color:#a6a6a6;font-weight:normal; background:transparent;}
							#wrap #content .colCententFull .colContentLeft .paging a.prev{
								position:absolute;
								top:0; left:0; 
								margin: -1px 0 0px -1px;
								display:block; 
								height:20px;
								border:1px solid #e4e4e4;
								padding: 0 10px; 
								font-weight:normal;
								background:#F7F7F7;
								color:#A6A6A6;
							 }
							#wrap #content .colCententFull .colContentLeft .paging a.next{
								position:absolute;
								top:0; right:0; 
								margin: -1px -1px 0px 0;
								display:block; 
								height:20px;
								border:1px solid #e4e4e4;
								padding: 0 10px; 
								background:#F7F7F7;
								font-weight:normal;
								color:#A6A6A6;
							 }
							
							
					/* EMISSION */
					#wrap #content .colCententFull .colContentLeft .menuEmission{
						display:block;height:32px;
						clear:both;
						width:97%;
						line-height:32px;
						font-family:georgia;
						font-size:10px;
						font-weight:bold;
						text-indent:10px;
						margin:-3px 0 8px 3px;
						padding:0 0 0 0;
						border:1px solid #dfdfdf;
					}	
						#wrap #content .colCententFull .colContentLeft .menuEmission a{
							padding:3px 5px;
							color:#fff;
							background:#7e7e7e;
							border-radius:5px;
							-moz-border-radius:5px;
							-webkit-border-radius:5px;
							text-decoration:none;
							font-family:verdana;
						}
							#wrap #content .colCententFull .colContentLeft .menuEmission a:hover{background:#043184;}	
							#wrap #content .colCententFull .colContentLeft .menuEmission a.openDiv{background:#043184;}
							
					
					#videoCat0{
						display:none;
					}

					/* Le paging des videos dans la page des videos */
                    /* page (link) */
					.vidPage{
						margin:0px 10px;
					}
					/* page active (link) */
					.vidPageActif{
						text-decoration:none;
						color:black;
					}

					#wrap #content .colCententFull .colContentLeft .videoBox{
						display:block;
						float:left;
						clear:both;
						width:93%;
						padding: 4px 0 10px 10px;
						margin:0 0 7px 0;
						clear:both;
						border-bottom:1px solid #d8d8d8;
					}
					.videoCat .videoBox:last-child{
						border-bottom:none !important;
					}
					/* le div contenant le ID de chaque emission */
					.emId, .isExcl{ display:none;}


						#wrap #content .colCententFull .colContentLeft .videoBox .img{
							position:relative;
							float:left;
							width:58px; height:47px;
							background:url(../img/bg_mini_video.gif) left top no-repeat;	
							margin:0 7px 0 0;
						}
							#wrap #content .colCententFull .colContentLeft .videoBox .img span{
								position:absolute;
								bottom:4px;
								right:4px;
								display:block;
							}
								#wrap #content .colCententFull .colContentLeft .videoBox .img span img{padding:0;}
							#wrap #content .colCententFull .colContentLeft .videoBox .img img{padding:4px 0 0 4px;}
						#wrap #content .colCententFull .colContentLeft .videoBox .text{
							float:left;
							width:353px;
						}
							#wrap #content .colCententFull .colContentLeft .videoBox .text p{
								padding-bottom:0;
								margin-top:-4px;
								font-size:11px;
							}
							
					
							
					/*  COLLABORATEUR  */
					#wrap #content .colCententFull .collaItem {
						float:left;
						display:inline;
						width:133px; height:175px;
						background:url(../img/bg_colla.jpg) right top no-repeat;
						padding:0 6px 0 0;
						margin: 10px 5px 0 15px;

					}
					#wrap #content .colCententFull .collaItem2 {
						height:125px !important;
						background:url(../img/bg_colla2.jpg) right top no-repeat !important;
					}
						#wrap #content .colCententFull .collaItem img{display:block}
						#wrap #content .colCententFull .collaItem .nom{
							color:#2b68cd;
							font-weight:bold;
							font-size:12px;
							padding:7px 0 3px 0;
						}
						#wrap #content .colCententFull .collaItem .fonction{
							color:#747474;
							font-style:italic;
							font-size:11px;
							padding:3px 0;
						}
									
					/* EVENEMENTS */	
					.event{
						padding-left:18px !important;
						margin-bottom:12px !important;
					}	
					.imgEvenement{ padding: 10px 0 5px 15px;}
					.intermission{
						border: 1px solid rgb(146, 139, 139); 
						padding: 10px;
						background: rgb(247, 243, 239) none repeat scroll 0% 0%; 
						display: block;
					}	
					.pubs{padding:0;margin:20px 0 0 0;border:1px solid #a0a0a0}	
					.pdf {
						display:block;
						height:32px;
						line-height:14px;
						padding: 4px 0 0 38px;
						margin: 10px 0 0 0;
						background:url(../img/pdf_icon.jpg) left top no-repeat;
						color:#2B68CD;
						text-decoration:none;
						font-weight:bold;
					}		
					.reserv{
						background:#fafafa; 
						padding:9px 5px 5px 5px;
						 border:1px solid #c0c0c1;
						 margin: 0 15px;
					}
					.pdf:hover {text-decoration:underline;}
					/* BOUTIQUE */
					#wrap #content .colCententFull .colContentLeft .toggle{
						display:none;
						width:100%;
						float:left;
					}
					#wrap #content .colCententFull .colContentLeft .boutiqueDesc img{
						float:right;
						padding-left:5px;
						padding-right:30px;
						margin-top:-15px;
						padding-bottom:10px;
					}
					#wrap #content .colCententFull .colContentLeft .btnRed{
						float:left;
						width:126px; 
						background:url(../img/btn_red.gif) left top no-repeat;	
						text-align:center;
						padding:7px 0 9px 0;
						color:#fff;
						text-decoration:none;
						margin-bottom:10px;
						border:0px;
						cursor:pointer;
						font-size:10px;
					}
					#wrap #content .colCententFull .colContentLeft a.btnBlue2{
						float:left;
						width:122px; height:30px;
						background:url(../img/btn_bleu.gif) left top no-repeat;	
						text-align:center;
						line-height:30px;
						color:#fff;
						text-decoration:none;
						margin-bottom:10px;
						
					}
					#wrap #content .colCententFull .colContentLeft .btnBlue{
						float:left;
						width:121px; 
						background:url(../img/btn_bleu.gif) left top no-repeat;	
						border:none;
						text-align:center;
						padding: 7px 0 8px 0;
						color:#fff;
						text-decoration:none;
						cursor:pointer;
						font-size:11px;
					}
					#wrap #content .colCententFull .colContentLeft a.btnRed:hover,
					#wrap #content .colCententFull .colContentLeft .btnBlue:hover{
						background-position:bottom left;
					}
					/* MESSAGES */
					#wrap #content .colCententFull .colContentLeft .priestHeader{
						float:left;
						position:relative;
						display:inline;
						width:501px; height:108px;
						margin: 8px 0 30px 3px;
						background:url(../img/bg_priest.jpg) left top no-repeat;
					}
					#wrap #content .colCententFull .colContentLeft .priestHeader .sylvain{
						float:left;
						width:163px; height:142px;
						background:url(../img/sylvain.png) left top no-repeat;	
						margin-top:-34px;
					}
					#wrap #content .colCententFull .accueilBg{
						background:url(../img/bg_content_accueil.gif) 506px 100px no-repeat;	
						
					}
					#wrap #content .colCententFull .normalContent{
						background:#fff url(../img/bg_content.jpg) top left no-repeat;	
						margin-left:-10px;
						margin-top:0px;
						padding: 0 0 20px 5px;
					}
						#wrap #content .normalContentRight{
							padding-top:5px !important;
						}
					
					div.newsBox:last-child {border-bottom:none !important;}
					#wrap #content .colCententFull .colContentLeft .newsBox{
						display:block;
						float:left;
						display:inline;
						clear:both;
						width:93%;
						padding: 4px 0 1px 0px;
						margin:0 0 10px 10px;
						clear:both;
						border-bottom:1px solid #d8d8d8;
					}
							
					#wrap #content .colCententFull .normalContent .newsBox{margin:0 0 10px 15px;}
			
						#wrap #content .colCententFull .colContentLeft .long .text{
							width:100% !important;
						}
							
		
						#wrap #content .colCententFull .colContentLeft .newsBox .img{
							float:left;
							width:106px; height:88px;
							background:url(../img/bg_bulletin.jpg) left top no-repeat;	
							margin:0 7px 8px 0;
						}
						#wrap #content .colCententFull .colContentLeft .newsBox .imgBoutique{
							position:relative;
							float:left;
							width:125px; height:auto;
							background:url(../img/bg_bulletin.jpg) left top no-repeat;	
							margin:0 7px 8px 0;
						}
						#wrap #content .colCententFull .colContentLeft .newsBox .text{
							float:left;
							width:353px;
						}
							#wrap #content .colCententFull .normalContent .newsBox .text{width:353px;}
							#wrap #content .colCententFull .normalContent .clearfix .text{width:471px;}
						#wrap #content .colCententFull .colContentLeft .boutique .text{
							float:left;
							width:320px;
						}
					#wrap #content .colCententFull .colContentLeft .archiveLink{
						float:left;
						width:96%;
						text-align:right;
					}	
						
						
						
					#wrap #content .colCententFull .colContentLeft .annonceBox{
						display:block;
						padding: 0 0 0px 10px;
				
					}
						#wrap #content .colCententFull .colContentLeft .annonceBox a.titre,
						#wrap #content .colCententFull .colContentLeft .newsBox .text a.titre,
						#wrap #content .colCententFull .colContentLeft .videoBox .text a.titre{
							font-size:12px;
							font-weight:bold;
							display:block;
							font-weight:bold;
							text-decoration:none;
							color:#2b68cd;
							padding-right
						}
						
						a.titre img {
							padding-right:5px !important;
						}
							#wrap #content .colCententFull .colContentLeft .annonceBox a.titre:hover,
							#wrap #content .colCententFull .colContentLeft .newsBox .text a.titre:hover,
							#wrap #content .colCententFull .colContentLeft .videoBox .text a.titre:hover{
								text-decoration:underline;
							}
							
						#wrap #content .colCententFull .colContentLeft .date,
						#wrap #content .colCententFull .colContentLeft .annonceBox .date,
						#wrap #content .colCententFull .colContentLeft .newsBox .text .date,
						#wrap #content .colCententFull .colContentLeft .videoBox .text .date{
							display:block;
							font-style:italic;
							color:#747474;
							font-size:1.1em;
							padding: 3px 0 10px 0;
						}
						#wrap #content .colCententFull .colContentLeft .newsBox .text .prix{
							display:block;
							font-weight:bold;
							color:#4a4a4a;
							font-size:1.1em;
							padding: 0 0 10px 0;
							margin-top:-7px;
							font-size:14px;
						}
							#wrap #content .colCententFull .colContentLeft .newsBox .text .type{
							display:block;
							color:#747474;
							font-size:1.1em;
							padding: 0 0 3px 0;
						}
						
						
					#wrap #content .colCententFull .colContentLeft h3{
						position:relative;
						display:block;
						height:41px;
						clear:both;
						background:url(../img/bg_titre.gif) left top no-repeat;
						line-height:35px;
						font-family:georgia;
						font-size:13px;
						color:#3c3c3d;
						font-weight:bold;
						text-indent:10px;
						margin:10px 0 8px 0;
						padding:0 0 0 0;
					}
					
					#wrap #content .colCententFull .colContentLeft h3{ margin:10px 0 8px 3px;}
					
					#wrap #content .colCententFull .normalContent h3{ 
						background:url(../img/bg_titre_small.gif) left top no-repeat;
						margin-left:14px;
					}
					
						#wrap #content .colCententFull .colContentLeft h3 span.date{
							font-family:verdana;
							font-size:12px;
							font-weight:bold;
							color:#737373;
						}
				#wrap #content .colCententFull .colContentRight{
					float:left;
					width:208px;
					padding:26px 0 0 0;
				}
					#wrap #content .colCententFull .colContentRight a.btnDon{
						float:left;
						display:inline;
						text-indent:-9999px;
						cursor:pointer;
						margin:0 0 0 27px;
						width:148px; height:37px;
						background:url(../img/btn_donner.gif) left top no-repeat;
					}	
						#wrap #content .colCententFull .colContentRight a.btnDon:hover{background-position:bottom left;}
						
					#wrap #content .colCententFull .colContentRight a.btCompleter{
						display:block;
						text-indent:-9999px;
						cursor:pointer;
						margin:0 auto;
						width:164px; height:37px;
						margin-bottom:4px;
						background:url(../img/btn_completer.jpg) left top no-repeat;
					}	
						#wrap #content .colCententFull .colContentRight a.btCompleter:hover{background-position:bottom left;}	
					#wrap #content .colCententFull .colContentRight .imgpaypal{display:block; margin:0 auto;}		
					#wrap #content .colCententFull .colContentRight .box{
						position:relative;
						float:left;
						width:207px;
						background:#fff;
						border:1px solid #dbdddf;
						margin: 0 0 14px 0;
						box-shadow: 1px 1px 6px #dadcde;
						-moz-box-shadow: 1px 1px 6px #dadcde;
						-webkit-box-shadow: 1px 1px 6px #dadcde;
						line-height:10px;
						padding: 0 0 10px 0;
						font-size:12px;
					}		
						#wrap #content .colCententFull .colContentRight .box h5{
							display:block;
							width:205px; height:31px;
							line-height:29px;
							font-size:13px;
							font-family:georgia;
							text-align:center;
							color:#fff;
							font-weight:bold;
							padding:0; margin:1px 0px 10px 1px;
							background:url(../img/bg_titreBox.gif) left top no-repeat;
						}
						#wrap #content .colCententFull .colContentRight .cadeau{
							text-align:center;
						}
						#wrap #content .colCententFull .colContentRight .cadeau p{padding: 5px 5px;line-height:14px;font-size:12px;}
						#wrap #content .colCententFull .colContentRight .cadeau span{color:#63a500; font-weight:bold;}
						#wrap #content .colCententFull .colContentRight .textes{}
						#wrap #content .colCententFull .colContentRight .textes .date{color:#747474; font-size:12px; padding:0 0 4px 9px; display:block;}
						#wrap #content .colCententFull .colContentRight .textes a{display:block;color:#2b68cd; cursor:pointer; font-size:12px; text-decoration:none;padding:0px 0 13px 9px; display:block;line-height:13px;}
							#wrap #content .colCententFull .colContentRight .textes a:hover{text-decoration:underline;}
							#wrap #content .colCententFull .colContentRight .textes a img {padding: 0 5px 0 0;}
							
							#wrap #content .colCententFull .colContentRight .textes a.linkFleche:hover {
								text-decoration:underline;
							}
							#wrap #content .colCententFull .colContentRight .textes a.linkFleche {
								background:transparent url(../img/bg_link_fleche.jpg) no-repeat scroll right 4px;
								color:#737373;
								display:inline;
								float:left;
								font-size:10px;
								font-weight:bold;
								height:20px;
								line-height:20px;
								padding:0 17px 0 10px;
								text-decoration:none;
							}
								
	#wrap #footer {
		float:left;
		width:100%;
		text-align:center;
		padding:20px 0 0 0;
		color:#868686;
		font-size:10px;
		line-height:20px;
	}
		#wrap #footer span{color:#919191;}
		#wrap #footer a{	
			text-transform:uppercase;
			color:#525252;		
			text-decoration:none;
		}	
		#wrap #footer a.bleu{
			color:#2892cd;
			text-transform:lowercase;
		}	
			#wrap #footer a:hover{
				text-decoration:underline;
			}			
		/* clearfix  */
		
		.clearfix:after {
		  content: "."; 
		  display: block;
		  height: 0; 
		  clear: both; 
		  visibility: hidden;
		}
		
		.clearfix {display: inline-table;}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */		


/* cache ou montre des elements selon un bool */
.display0{
	display:none;
}

/* PRODUCT ZOOMER */


#formError{
	clear:both;
}

/* messages d'erreur du password reminder */
.stateOk1, .stateOk0{
	margin:10px 0px;
	font-weight:bold;
	font-size:13px !important;

}

.stateOk1{
	color:green;
}

.stateOk0, .erreur{
	color:red;
	font-weight:bold;
}
