/* ****************************************************** */
/* Global of global part. */
/* ****************************************************** */

* { margin: 0; padding: 0; 	font-family: Verdana, Arial, sans-serif; } 
html { overflow: auto; }
body 
{ 		
	background-color: #ebe9df; 
}
h1 
{ 
	display: inline; 
	font-family: Arial; 
	font-size: 14px; 
	font-weight: normal; 
	color: black;	 
}
h2
{
	display: inline;	 
	border: none;	
	color: white; 
	font-family: Arial; 
	font-size: 14px; 
	text-decoration: none; 
	font-weight: normal; 
	font-variant: normal;	
}
h3
{
	display: inline;
	width: auto;
	border: none;
	color: white;
	font: bold 1.4em Verdana, Arial, sans-serif; 	
}
img 
{ 
	border: none;	
	vertical-align: middle; 
}
a
{
	cursor: pointer;
}
.wrapped 
{ 
	border: solid 1px #CCCCCC; 
}
.row 
{ 
	display: block; 
	float: left; 
}
.clear-both { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
#preloader 
{ 
	visibility: hidden;  
	position: absolute;  
	left: -3000px; 
}
#site  
{
	position: relative;	
	width: 840px;
	height: auto;
	margin: 0 auto 0 auto;
}

/* ****************************************************** */
/* Wrappers of the web site. */
/* ****************************************************** */

#wrapperTop 
{ 
	width: 840px; 
	height: 10px; 
}
#wrapperTop .left
{
	width: 20px; 
	height: 10px;
	background: transparent url(../images/wrapperTopLeft.png) no-repeat;	
	float: left; 
}
#wrapperTop .center
{
	width: 800px; 
	height: 10px;
	background: transparent url(../images/wrapperTopCenter.png) repeat-x bottom;
	float: left; 
}
#wrapperTop .right
{
	width: 20px; 
	height: 10px;
	background: transparent url(../images/wrapperTopRight.png) no-repeat;
	float: left; 
}
#wrapperBottom 
{ 
	width: 840px; 
	height: 20px;
}
#wrapperBottom .left
{
	width: 20px; 
	height: 20px;
	background: transparent url(../images/wrapperBottomLeft.png) no-repeat;	
	float: left; 
}
#wrapperBottom .center
{
	width: 800px; 
	height: 20px;
	background: transparent url(../images/wrapperBottomCenter.png) repeat-x top;
	float: left; 
}
#wrapperBottom .right
{
	width: 20px; 
	height: 20px;
	background: transparent url(../images/wrapperBottomRight.png) no-repeat;
	float: left; 
}

/* ****************************************************** */
/* Wrapped part. */
/* ****************************************************** */

#wrapperMiddle
{
	width: 840px; 
	height: auto;
	background: transparent url(../images/wrapperCenter.png) repeat-y;
}
#wrappedMiddle
{
	width: 800px; 
	height: auto;
	margin: 0 auto 0 auto;	
}

/* ****************************************************** */
/* Header part. */
/* ****************************************************** */

#headerTitle
{
	width: 100%;
	height: auto;	
	background-color: #ffffff;	
}
#headerTitle h1
{
	float: left;
	width: 600px; 
	height: 90px;	
	text-align: left; 
	vertical-align: middle;	
}
#headerTitle .headerChurch
{
	float: right;
	width: auto; 
	height: 90px;
	text-align: right;			
}
#headerBannerTop
{
	width: 800px;
	height: 6px;	
	margin: 0 auto 0 auto;	  
}
#headerBannerBg
{
	width: 800px;
	height: 144px;
	margin: 0 auto 0 auto;
}
#headerMenu 
{ 
	width: auto;
	height: 42px;	
	padding: 0 10px 0 10px;	
	background-image: url(../images/headerMenu_bgEffect.png);
	background-repeat: repeat-x;
}
#headerMenu ul 
{		
	list-style-type: none;	
	vertical-align: top;	
}
#headerMenu ul li
{		
	float: left;	
	color: white; 
	font-family: Arial;
	margin: 0 2px 0 1px;
}
#headerMenu .search
{
	float: right;
	padding: 0; margin: 0;
	margin-top: 10px;
	border: solid 1px #ffffff;
}
#headerMenu .search form
{
	padding: 0; margin: 0;
}
#headerMenu .search .query
{	
	float: left;
	padding: 0; margin: 0;
	background: transparent url(../images/search-bg.png) repeat;
	border: none;
	height: 18px;	
}
#headerMenu .search .validate
{	
	float: left;
	padding: 0; margin: 0;		
	background: transparent url(../images/loupe-search.png) no-repeat right;
	width: 18px;
	height: 18px;
	border: none;	
	cursor: pointer;
}
a.image
{
	color: white; 	
	border: none;
}
#headerMenu .newspaperMenuItem
{
	float: right;
	position: relative;
}
#headerMenu .newspaperMenuItem a
{
	display: block;
	position: absolute;
	top: -6px;
	right: -6px; 
	height: 45px;
	width: 45px;
	
	color: #ffffff;
	font: bold 0.8em Verdana, Arial, sans-serif;		
	text-decoration: none;	
	background: transparent url(../images/btn-newspaper.png) no-repeat;	
}
#headerMenu .newspaperMenuItem a:link,
#headerMenu .newspaperMenuItem a:visited,
#headerMenu .newspaperMenuItem a:active
{ 

}
#headerMenu .newspaperMenuItem a:hover,
#headerMenu .newspaperMenuItem a:focus
{

}

/* ******************** */
/* Main menu : buttons. */
/* ******************** */

#headerMenu span { font: bold 0.9em Verdana, sans-serif; line-height: 42px; } 
.menu-color
{
	color: #ffffff;
}
#btn_headerMenuPresentation
{ 
	height: 42px;
	line-height: 42px;
	width: 130px;
	display: block;
}
#btn_headerMenuMeetings,
#btn_headerMenuChurchLife
{ 
	height: 42px;
	line-height: 42px;
	width: 110px;
	display: block;
}
a.menu-home
{
	height: 42px;
	line-height: 42px;
	width: 34px;
	display: block;
	background: transparent url(../images/btn-home.gif) no-repeat;
	text-decoration: none;
	text-align: center;
}
a.menu-home-display
{
	height: 42px;
	line-height: 42px;
	width: 34px;
	display: block;
	background: transparent url(../images/btn-home-display.gif) no-repeat;
	text-decoration: none;
}
a.menu-home:hover
{	
	background: transparent url(../images/btn-home-display-over.gif) no-repeat;	
}
a.menu-presentation
{
	height: 42px;
	line-height: 42px;
	width: 130px;
	display: block;
	background: none;
	text-decoration: none;
	text-align: center;
}
a.menu-presentation-display
{
	height: 42px;
	line-height: 42px;
	width: 130px;
	display: block;
	background: transparent url(../images/btn-menu-presentation-display.gif) no-repeat;	
	text-decoration: none;
}
a.menu-presentation:hover
{
	background: transparent url(../images/btn-menu-presentation-display-over.gif) no-repeat;	
}
a.menu-meetings
{
	height: 42px;
	line-height: 42px;
	width: 110px;
	display: block;
	background: none;
	text-decoration: none;
	text-align: center;
}
a.menu-meetings-display
{
	height: 42px;
	line-height: 42px;
	width: 110px;
	display: block;
	background: transparent url(../images/btn-menu-display.gif) no-repeat;
	text-decoration: none;
}
a.menu-meetings:hover
{
	background: transparent url(../images/btn-menu-display-over.gif) no-repeat;	
}
a.menu-churchLife
{
	height: 42px;
	line-height: 42px;
	width: 110px;
	display: block;
	background: none;	
	text-decoration: none;
	text-align: center;
}
a.menu-churchLife-display
{
	height: 42px;
	line-height: 42px;
	width: 110px;
	display: block;
	background: transparent url(../images/btn-menu-display.gif) no-repeat;	
	text-decoration: none;
}
a.menu-churchLife:hover
{
	background: transparent url(../images/btn-menu-display-over.gif) no-repeat;	
}

/* *************** */
/* Left menu part. */
/* *************** */

#menu
{ 
	height: 500px;
	width: 160px;
	float: left;
	margin-top: 50px;
}
#menu ul 
{
	list-style-type: none;
	width: 100%;
}
#menu ul li 
{ 
	width: 145px;
	height: 38px;
	text-align: right;
	cursor: pointer;
	margin-right: 3px;
}
#menu .menuItem
{	 
	width: 145px;
	height: auto;
	padding-right: 9px;
	padding-top: 10px;
	padding-bottom: 6px;
}
#menu .menuItem a
{
	font-weight: bold;
	text-decoration: none;
	font: bold 1em 'trebuchet ms', helvetica, sans-serif;
}
#menu .menuItemActive
{		
	width: 145px;
	height: 38px;	
	text-align: center;
	background-image: url(../images/btn-active.png);
	background-repeat: no-repeat;
	background-position: right;
}
#menu .menuItemActive a
{		
	height: auto; /* Important! */
	display: block; /* Important! */
	padding-top: 6px;
	padding-right: 7px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font: bold 1em 'trebuchet ms', helvetica, sans-serif;	
}

/* ****************************************************** */
/* Page content part. */
/* ****************************************************** */

#pageContent 
{ 
	float: left;
	height: auto;	
	width: 100%;
	background-color: #ffffff;
}
#pageContent a.page
{
	font: 1em Verdana, Arial, sans-serif;	
}
#pageContent a.page:link, a.page:visited, a.page:active
{	 
	text-decoration: underline; 
	color: #262de4; 
}
#pageContent a.page:hover, a.page:focus
{	
	text-decoration: none;
	color: #5f64eb;
	background-color: #ebf2f9;
}
a.inside
{
	background-image: url(../images/picto_li_gris.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}
a.outside
{
	background-image: url(../images/picto_lien_ext.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}
#google_translate_element
{	
	position: absolute;
	bottom: -15px;
	right: 20px;
}
.information {
	border: solid 1px #0008ce;
	background: #eff0ff url(../images/information.gif) top left no-repeat;
	padding: 3px 3px 3px 40px;
	margin: 10px;
	color: #0008ce;
}

/* ****************************************************** */
/* Footer part. */
/* ****************************************************** */

#footer
{
	width: 800px; 
	height: 50px;
	text-align: center;	 
	background-color: #ffffff;
}
#footer ul
{
	line-height: 50px; 
	vertical-align: middle;
	list-style-type: none; 
	border: none; 
}
#footer li 
{ 
	margin: 0 5px 0 5px; 
	display: inline; 
}
a.footer
{
	font: 1em Verdana, Arial, sans-serif;
	text-decoration: none;
}
a.footer:link, a.footer:visited, a.footer:active 
{		
	color: #797979;
	background-color: #ffffff;
}
a.footer:hover, a.footer:focus 
{ 	
	color: #595959;
	background-color: #eeeeee; 
}
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}