/*
Bleu : #172983
Gris : #8D8C91
Gris bordure : #A6A5A5
hover : #C0BCCF
Rouge : #E00217
Rouge clair : #EAC7B3

----------------------------------
COULEURS MENUS

standard			152982
beige				DEAE71
bleu				009EE1
bleu_clair			84D0F1
bordeaux			8B0E13
gris				B1B3B4
jaune 				FFCC00
mauve 				BCA4CB
orange 				EC7211
rose 				F4B5D0
rouge 				E3001A
vert 				00A091
vert_clair			B0CC52
violet 				622181


*/

body, form, ul, li { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none; }
form { display: inline; }
.clear { clear: both; }
hr { height: 1px; border: none; background: #172983; }
.error, .notice {
	border:2px solid #E00217;
	color: #333;
	padding: 10px 20px;
	margin-bottom: 10px;
	font-weight: bold;
	background: #EEE;
}
.error a, .notice a { color: #BBB; font-weight: normal; }
.notice { border:2px solid #3EB30B; }
/* ================================================================ */
body { 
	font: 12px Arial, sans-serif;
	text-align: center;
}
#wrapper {
	margin: 5px auto 0px;
	text-align: left;
	width: 1000px;
	/*height: 750px;*/
	border: 2px solid #172983;
	padding-bottom:20px;
	position: relative;
	overflow: hidden;
}
/* ================================================================ */
#header {
	background: url('../images/header.jpg') no-repeat;
	height: 127px;
	position: relative;
}
	#header .message {
		color:#B3B6D5;
		font-family: "Trebuchet MS";
		font-size:17px;
		font-style:italic;
		padding:59px 0pt 0pt 270px;
		text-transform:uppercase;
		width:200px;
		height:65px;
		overflow:hidden;
	}
	#header .media {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	#header .lien {
		position : absolute;
		width: 240px;
		height: 130px;
	}
/* ================================================================ */
#mastcontent { padding: 8px 13px; }
#mastright { 
	margin: 0 0 0 143px; /* mastleft(width) + 13px */
	position: relative;
	z-index: 1;
}
	/* ================================================================ */
	#bar { 
		background: url('../images/bar.gif'); 
		height: 23px;
		font-size: 0.9em;
		padding: 10px 7px 0px;
		margin-bottom: 8px;
		position: relative;
	}
		#bar .border { 
			background: url('../images/bar.gif') right; 
			height:33px;
			position:absolute;
			right:-3px;
			top:0pt;
			width:10px; 
		}
		#bar li { 
			color: #8D8C91;
			float: left;
		}
			#bar li.date		{ margin-right:5px; padding-right:5px; }
			#bar li.chabbat 	{ padding: 2px 0px 0px 5px; position: absolute; right: 125px; }
			#bar li.recherche	{ position: absolute; right: 3px; }
			#bar li.recherche input.button {
				background: url('../images/rechercher.gif') left;
				border: none;
				width: 16px;
				height: 15px;
				cursor: pointer;
			}
			#bar li.recherche input.field { 
				font-size: 10px;  
				background: url('../images/rechercher.gif') no-repeat right;
				border: none;
				height:13px;
				position:relative;
				padding:1px 17px;
				width:80px;
				color: #8D8C91;
			}
	/* ================================================================ */
	#left, #right, #middle { position: relative; float: left; }
	
	/* ================================================================ */
	#left {
		width: 420px;
		margin-right: 9px;
		height:520px;
		overflow: hidden;
	}
		#left h1 { 
			text-transform: uppercase;
			color: #172983; 
			text-align: center;
		}
		#left .menu {
			background: #172983;
			height: 24px;
			padding-top: 2px;
			text-align: center;
			overflow: hidden;
		}
		
		#left .menu_beige		{ background: #DEAE71; }
		#left .menu_bleu		{ background: #009EE1; }
		#left .menu_bleu_clair	{ background: #84D0F1; }
		#left .menu_bordeaux	{ background: #8B0E13; }
		#left .menu_gris		{ background: #B1B3B4; }
		#left .menu_jaune 		{ background: #FFCC00; }
		#left .menu_mauve 		{ background: #BCA4CB; }
		#left .menu_orange 		{ background: #EC7211; }
		#left .menu_rose		{ background: #F4B5D0; }
		#left .menu_rouge 		{ background: #E3001A; }
		#left .menu_vert 		{ background: #00A091; }
		#left .menu_vert_clair	{ background: #B0CC52; }
		#left .menu_violet 		{ background: #622181; }
		
		#left .menu a { color: white; font-size: 10px;display: block;/* text-transform: uppercase;*/ }
		#left .content, #left .content_long {
			height: 473px;
			padding-right: 10px;
			padding: 10px 20px 10px 10px;
			overflow: hidden;
			border-right: 1px solid #A6A5A5;
			border-left: 1px solid #A6A5A5;
			border-bottom: 1px solid #A6A5A5;
		}
		#left .content_long {
			height: 503px;
			border: none;
		}
		

			/* ================================================================ */
			.mast_champ_texte, .mast_champ_textarea, .mast_champ_select, .mast_champ_select_multiple {
				width: 520px;
				padding: 4px 10px;
				background: white url('../images/champ.gif') no-repeat top left;
				border: none;
			}
			.mast_champ_textarea {
				background: url('../images/textarea.gif') no-repeat top left;
				height: 57px;
				font: 12px Arial;
			}
			.mast_champ_select {
				width: 540px;
				padding: 2px 10px;
			}
			.mast_champ {
				margin: 3px 0px;
				padding: 0px;
			}
			.mast_champ_submit {
				color: white;
				background: #172983;
				font-weight: bold;
				border: none;
				padding: 3px;
			}
			.mast_champ_select_multiple {
				background: none;
				border: 1px solid #C5C7C8;
				width: 540px;
			}
			/* ================================================================ */
			#left .g_content h1 {
				text-transform: uppercase;
				font-size: 19px;
				margin: 15px 0px;
			}
			#left .g_content h2 {
				text-transform: uppercase;
				font-size: 1em;
				color: #172983;
				font-style: italic;
			}
			#left .g_content h2.cat { color: #A6A5A5; }
			#left .g_content .evenement, #left .liste, #left .liste a { color: #172983; }
			#left .g_content .communique .chapeau, #left .g_content  .chapeau p { color: #8D8C91; }
			#left .g_content  .evenement .date, #left .g_content .communique .titre { 
				margin-top: 15px;
				font-style: italic; 
			}
			#left .g_content .communique .date { margin-top: 0px; }
			#left .g_content  .evenement .auteur { 
				font-style: italic;
				font-size: 0.9em; 
			}
			#left .g_content p { 
				color: #172983;
				margin: 0px 0px 3px;
			} /* MCE */ 
			
			#left .g_content .tous {
				color: #8D8C91;
				font-style: italic;
				text-align: center;
				display: block;
				margin: 10px 0 20px;
				font-size: 0.9em;
			}
			#left .champ, #left .champ_texte {
				color: #172983;	
				font-size: 0.8em;
				border: 1px solid #172983;
				background: white;
			}
			#left .champ_texte { width: 86px; margin-bottom: 3px;}
			#left .champ, #left .submit { 
				padding: 3px; 
				font-size: 12px;
			}
			#left .submit {
				color: white;
				background: #172983;
				border: none;
			}
			#left .champ_texte_newsletter, 	#left .champ_bar {
				border: none;
				color: #172983;	
				font-size: 1em;
				padding: 3px;
				border: 1px solid #172983;
			}
			#left .champ_texte_newsletter {
				width: 240px;
			}
			#left .champ_submit, #left .champ_submit_bar {
				border: none;
				background: #172983;
				color: white;
				margin-right:15px;
				padding:1px;
			}
			#left .champ_submit {
				font-size: 0.8em;
			}
			#left .liste a:hover			{ color: #152982; }
			#left .liste a.beige:hover		{ color: #DEAE71; }
			#left .liste a.bleu:hover		{ color: #009EE1; }
			#left .liste a.bleu_clair:hover	{ color: #84D0F1; }
			#left .liste a.bordeaux:hover	{ color: #8B0E13; }
			#left .liste a.gris:hover		{ color: #B1B3B4; }
			#left .liste a.jaune:hover 		{ color: #FFCC00; }
			#left .liste a.mauve:hover 		{ color: #BCA4CB; }
			#left .liste a.orange:hover 	{ color: #EC7211; }
			#left .liste a.rose:hover		{ color: #F4B5D0; }
			#left .liste a.rouge:hover 		{ color: #E3001A; }
			#left .liste a.vert:hover 		{ color: #00A091; }
			#left .liste a.vert_clair:hover	{ color: #B0CC52; }
			#left .liste a.violet:hover 	{ color: #622181; }
			
			#albums li a {
				display: block;
				
			}
			.date_field { background: url(../images/date.gif) no-repeat center left; padding-left: 24px;}
			
		#left .tl { 
			background: url('../images/tl.gif') top left no-repeat; 
			width: 3px; 
			height: 3px; 
			position: absolute; 
			top:0px;
			left: 0px; 
		}
		#left .tr { 
			background: url('../images/tr.gif') top right no-repeat; 
			width: 3px; 
			height: 3px; 
			position: absolute; 
			top:0px;
			right: 0px; 
		}
		#left .br { 
			background: url('../images/br.gif') bottom right no-repeat; 
			width: 4px; 
			height: 4px; 
			position: absolute; 
			bottom:0px;
			right: 0px; 
		}
		#left .bl { 
			background: url('../images/bl.gif') bottom left no-repeat; 
			width: 4px; 
			height: 4px; 
			position: absolute; 
			bottom:0px;
			left: 0px; 
		}
		#scroll_track, #scroll_track_long {
			width: 10px;
			background: url('../images/scroll-track.gif') top center no-repeat;
			height: 484px;
			position: absolute;
			right: 3px;
			top: 30px;
		}
		#scroll_track_long {
			background: url('../images/scroll-track-long.gif') top center no-repeat;
			height: 514px;
			top: 0px;
		}
		#scroll_handle {
			background: url('../images/scroll-handle.gif') top center no-repeat;
			width: 11px;
			height: 11px;
			position:relative;
		}
/*		.scrollgeneric { 
		line-height: 1px;
		font-size: 1px;
		position: absolute;
		top: 0; left: 0;
		}

		.vscrollerbase { 
			width: 5px;
			background: url('../images/scroll-track-long.gif') top center no-repeat;
		}
		.vscrollerbar {
			width: 5px;
			margin-right: 2px;
			background-color: #132584;
		}
		.hscrollerbase {
			height: 5px;
			background-color: #DEE2F1;
			border-left: 1px solid #C5C7C8;
			border-right: 1px solid #C5C7C8;
		}
		.hscrollerbar {
		height: 5px;
		background-color: white;
		}

		.scrollerjogbox {
		width: 0px;
		height: 0px;
		top: auto; left: auto;
		bottom: 0px; right: 0px;
		background-color: white;
		}*/
	/* ================================================================ */
	#middle {
		width: 317px;
		margin-right: 11px;
		position: relative;
	}
		/* ================================================================ */
		#box {
			position: absolute;
			color: #172983;
			top: 0px;
			left: 0px;
			background: #E9E7ED;
			height: 20px;
			width: 100%;
			height: 100%;
			z-index: 100000;
			text-align: center;
			overflow: auto;
		}
		#box_content { padding: 8px; }
		/* ================================================================ */
		#middle .media {
			/*border: 1px solid #A6A5A5;*/
			background: white; /* #817f7f; */
			height: 280px;
			position: relative;
			z-index: -1;
			overflow: hidden;
			text-align: center;
		}
		#calendrier {
			background: url('../images/cal.gif') top center no-repeat;
			height: 215px;
			margin-top: 20px;
			text-align: center;
			padding: 10px 0 0px 4px;
			position: relative;
		}
			/* ================================================================ */
			#calendrier li {
				position: relative;
				float: left;
				width: 44px;
				font-family: "Trebuchet MS", sans-serif;
			}
			#calendrier ul.week { margin-top: 10px; }
			#calendrier ul.week li { 
				color: #C0BCCF; 
				font-size: 12px;
				font-style: italic;
			}
			#calendrier ul.week li, #calendrier ul.days li {
/*				position: relative;
				z-index: 0;*/
			} 
			#calendrier ul.week li.today { color: #EAC7B3; }
			#calendrier ul.days li a.today { color: #E00217; }
			#calendrier ul.days li a { 
				color: #172983;
				font-size: 22px;
				display: block;
				padding: 2px 0;
				font-weight: normal;
			}
			#calendrier ul.days li a:hover { background: #C5C7C8; }	
			#calendrier .month, #calendrier .year {
				background: url('../images/callist.gif') no-repeat left top;
				font: normal normal bold 16px Arial, sans-serif;
				color: #172983;
				padding: 2px 0px 2px 10px;
				position: relative;
			}
			#calendrier .handle {
				background: url('../images/callist.gif') no-repeat right top ;
				padding: 2px 16px 2px 0px;
			}
			#calendrier .list li { 
				float:none; 
/*				z-index: 0;
				position: relative;*/
			}
			#calendrier .list { 
				position: absolute;
				top: 20px;
				right: 10px;
				text-align: right;
				background: white;
				border: 1px solid #C5C7C8;
				z-index: 1;
			}
			#calendrier ul.months li { width: 90px; }
			#calendrier .list li a { 
				color:#172983; 
				display: block;
				font-size: 10px;
				text-align: center;
				cursor: pointer;
/*				position: relative;
				z-index: 1;*/
			}
			#calendrier .list li a:hover { color: white; background: #172983; }
			#calendrier .bubble {
				position: absolute;
				z-index: 2;
				background: white;
				border: 1px solid #C5C7C8;
				width: 205px;
				text-align: left;
				padding: 4px;
				font-size: 11px;
				right: 35px;
				top: -29px;
				color:#172983; 
				font-style: italic;
			}
		#middle .bottom {
			background: url('../images/cal.gif') bottom no-repeat;
			height: 10px;
		}
	
	#right { width: 72px; }

/* ================================================================ */
#mastleft {
	width: 120px;
	position: relative;
	float: left;
	z-index: 2;
}
	/* ================================================================ */
	#authentification {
		width: 130px;
		font-size: 11px;
	}
	#authentification label {
		color: #8D8C91;
		font-style: italic;
	}
	#authentification .champ {
		border: 1px solid #A6A5A5;
		width: 130px;
	}
	#authentification .button {
		border: none;
		background: #172983;
		color: white;
		font-size: 11px;
		margin-top: 3px;
	}
	/* ================================================================ */

	/**************** menu coding *****************/

	/*******************************************************************************

	 LAYOUT INFORMATION: describes box model, positioning, z-order

	 *******************************************************************************/

	ul#navigation { 
		width: 130px; 
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 100%;
		cursor: default;
	}
	ul.MenuBarActive { z-index: 1000; }
	ul#navigation ul.MenuBarSubmenuVisible { left: 0; }

	ul#navigation li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 100%;
		position: relative;
		text-align: left;
		cursor: pointer;
		width: 130px;
	}
	ul#navigation li a {
		display: block;
	}
	
	ul#navigation ul {
		/*position: absolute;*/
		margin: -5% 0 0 95%;
		padding: 0;
		list-style-type: none;
		font-size: 100%;
		position: absolute;
		z-index: 1020;
		cursor: default;
		width: 130px;
		left: -1000em;
		top: 0;
	}
	
	/*******************************************************************************

	 BROWSER HACKS: the hacks below should not be changed unless you are an expert

	 *******************************************************************************/

	/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
	ul#navigation iframe
	{
		position: absolute;
		z-index: 1010;
	}
	/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
	@media screen, projection
	{
		ul#navigation li.MenuBarItemIE
		{
			display: inline;
			f\loat: left;
			background: #FFF;
		}
	}
	

	/*MENU Design*/
	ul#navigation li a {
		font-family:"Trebuchet MS";
		color: #172983;
		padding: 9px 0px 10px 10px;
		background: url('../images/navigation/defaut/blank-milieu.jpg') no-repeat;
	}
	
	ul#navigation li ul li a { 
		color: white; background: #172983;/*url('../images/navigation/defaut/bleu-milieu.jpg') no-repeat*/
		padding: 1px 3px 5px;
		font-size: 10px;
		border-bottom: 1px solid white;
	}
			
	ul#navigation li ul li a:hover { color: #172983; }
	/* FIN Design */
/* ================================================================ */
#footer {
	background: url('../images/footer.jpg') no-repeat center;
	height: 44px;
	clear: both;
	padding: 5px 0pt 5px 13px;
	position: relative;
}
	/* ================================================================ */
	#footer .prompteur {
		position: absolute;
		right: 0;
		top: 20px;
		color: white;
		font: italic normal normal 12px 'Trebuchet MS', Arial, sans-serif;
		width: 855px;
	}
	#footer .prompteur a { color: white; }
	.footer-menu { text-align:center; font-family: "trebuchet MS";}
	.footer-menu, .footer-menu a {
		color: #8D8C91;
	}
/* ================================================================ */
#inti_info_button, #inti_info {
	position: absolute;
	text-align: left;
	top: 0px;
	left: 0px;
	z-index: 1200;
}
#inti_info {
	z-index: 999;
	background-color:#FFFFCC;
	border-bottom:1px solid #CCCC99;
	border-right:1px solid #CCCC99;
	font-size:11px;
	line-height:1.2em;
	padding:5px 10px 10px;
 	width: 200px;
	height: 600px;
	overflow: auto;
}
#inti_info h3 {
	font-size:12px;
	line-height:1.2em;
	margin:10pt 0pt 2px;
	padding:0pt;
}
/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* ===============RAJOUTER PAR MOSCHE POUR LA TEAM ROQUETTE et TALMUD TORAH======================================= */
#total {
	width: 720px;
	border-right: 1px solid #A6A5A5;
	border-left: 1px solid #A6A5A5;
	border-bottom: 1px solid #A6A5A5;
	position: static;
}

#total h1 { 
	text-transform: uppercase;
	color: #172983; 
	text-align: center;
}

#total .menu {
	background: #172983;
	height: 24px;
	padding-top: 2px;
	text-align: center;
}

a img {border: none;}