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

/* Layout des pages */
* {
	padding:0px;
	margin:0px;
}

/* Général */

/* Navigation */
#leftside {
	background: transparent;
}

/* Contenu principal */
#principal {
	color: #181A12;
	background: transparent;
	text-align:left;
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}

/* Contenu secondaire */
#rightside {
	background: transparent;
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0;
	font-family:"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#global {
	width: 90%;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#header {
	background: url(images/header.png) no-repeat top center;
}

#entete {
	width: 90%;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

#navbarright {
	display:block;
	float:right;
	margin:-20px 10px 0px 20px;
}

#site-header {
	background:url(images/banniere_site_2.png) no-repeat bottom;
}

.logo {
	text-align:left;
	padding-top:10px;
	height: 125px;
}

.logo-titre {
	padding-top:65px;
	position: relative;
	float: left;
}

.message {
	float:right;
	padding-top:0;
}

/* Bloc central */
.centre {
	background:url(images/lcenter.png) repeat-y left;
}

.centre-bis {
	width: 100%;
	overflow: hidden;
	margin-left:40px;
	background:url(images/rcenter.png) repeat-y right;
}

#content {
	margin-right:40px;
	background:url(images/center.png) repeat;
}

/* Boite incluant la barre de navigation */
.lboite {
	background:url(images/lmenu.png) no-repeat left top;
}

.rboite {
	margin-left:8px;
	background:url(images/rmenu.png) no-repeat right top;
}

.boite {
	margin-right:8px;
	background:url(images/menu-bg.png) repeat-x top;
}

/* Menu de navigation */
#leftside {
	float: left;
	width: 230px;
	text-align:left;
	padding:25px 0 0 25px;
}

/* Contenu principal */
#principal {
	margin-left: 240px;
	margin-right: 320px;
	padding: 10px 10px 10px 20px;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

.article_suite a {
    margin-top:5px;
	font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
	color: #F57900 !important;
}

.article_suite a:hover {
    color:#FFF !important; 
    background-color:#F57900;
}

/* Contenu secondaire */
#rightside {
	float: right;
	width: 280px;
	padding: 12px 30px 12px 0px;
	text-align:left;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 0px 10px;
	font-size: .85em;
	height:171px;
	z-index:99;
}

.lfoot {
	background:url(images/lfooter.png) no-repeat left top;
	z-index:96;
}

.rfoot {
	width: 100%;
	overflow: hidden;
	margin-left:40px;
	background:url(images/rfooter.png) no-repeat right top;
	z-index:97;
}

.foot {
	margin-right:40px;
	background:url(images/footer.png) repeat-x top;
	z-index:98;
}

#logo_bottom {
	height:80px;
	padding:10px 20px 0 10px;
	margin-bottom:17px;
}

.nav_bottom {
	margin-top:45px;
    padding: 7px 20px 0px 0px;
	text-align:right;
}

.nav_bottom li{
	display:inline;
	margin-left:20px;
}

.nav_bottom li a {
	color:rgb(122, 110, 100);
	font-size:1.6em;
	font-variant:small-caps;
	font-weight:bold;
	text-decoration:none;
	z-index:1000;
}
.nav_bottom li a:hover {
	color:black;
}  

#footer {
	color:#FFF;
	height:50px;
	margin:0px;
	padding:0px;
}

.haut a:hover img {bottom:6px; position:relative}


/***** Navbar (ie. nvigation dans les rubriques, incluse dans le header, sous logo) ******/

#nav {
	width:auto;
	height:70px;
	background: url(images/menu-bg.png) no-repeat;
}

.lavaLamp {
 	position: relative;
    padding: 5px 0 20px 0;
    margin: 0px;
    overflow: hidden;
	height:53px;
	font-variant:small-caps;
	z-index:5;
}

.lavaLamp li {
	float: left;
	list-style: none;
}

.lavaLamp li.back {
	border-bottom: 5px solid #609;
	width: 9px;
	height: 30px;
	z-index: 5;
	margin-top:2px;
	position: absolute;
}

.lavaLamp li a {
	font: bold 14px arial;
	text-decoration: none;
	color: #FFF;
	outline: none;
	text-align: center;
	top: 7px;
	font-variant:small-caps;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
	/padding-bottom:5px; /* IE7 */
	-padding-bottom:5px; /* IE6 */
}
.lavaLamp li a:hover {
	border: none;
	color:#ff8d13;
}                 

.lavalamp li a img {
	z-index:15;
}

.lavaLamp .sub {
	margin:0; 
	padding:0;
	list-style:none;
	display:none;
}

.lavaLamp .sub li {
	background:transparent;
}

.lavaLamp li:hover .sub {
	height:43px;
	display:block; 
	position:absolute;
	float:left;
	width:auto;
	top:30px; 
	left:0px; 
	text-align:center;
	background:transparent;
	border-bottom:1px solid #886;
	border-width:1px  0;
}

.lavaLamp li:hover .sub li a {
	display:block;
	height:40px;
	line-height:40px;
	float:left;
	background:transparent;
	padding:0 16px;
	margin:0;
	z-index:15;
	color:#CCC;
	font-size:14px;
	overflow:visible;
}

.lavaLamp li .sub li a:hover {
	border: none;
	color:#ff8d13;
}             

.lavaLamp:hover .sub {
	display:none;
	margin:0; 
	padding:0;
	list-style:none;
}


/***** Menu accorédon pour les horaires de messe *****/

#nav_messe {
	width:200px;
	margin: 0px;
	padding: 0;
	list-style: none;
	color: #fff;
	font: 1.0em "Trebuchet MS";
	list-style-type:none;
}

#nav_messe a {
	display: block;
	padding: 4px 10px;
	color:#333;
	text-decoration: none;
	
}

#nav_messe .toggleSubMenu a {
	background: url(images/menu_deroulant.png) repeat-y right top;
}

#nav_messe .open a {
	background: url(images/menu_deroulantover.png) repeat-y right top;
}

#nav_messe a:hover, #nav_messe a:focus, #nav_messe a:active {
	text-decoration: none;
	color: #333;
	background: url(images/menu_deroulantover.png) repeat-y right top;
	
}

#nav_messe .subMenu {
	font-size: .8em;
	color: #333;
	background: url(images/menu_deroulant.png) repeat-y right top;
	font-size: .8em;
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#nav_messe ul.subMenu a {
	background: url(images/menu_deroulant.png) repeat-y right top;
	padding: 3px 20px;
	list-style-type:none;
}

#nav_perm ul.subMenu li a {
	background: url(images/menu_deroulant.png) repeat-y right top;
	padding: 3px 20px;
	list-style-type:none;
	color:#000;
}

.menu_deroulant {
 	width: 200px;
    background: url(images/menu_deroulant.png) no-repeat left bottom;
    padding-bottom: 10px;
    margin: 0;
	z-index:10;
}

.menu_deroulant h2 {
   	height: 24px;
     width: 170px;
     background: url(images/menu_deroulant.png) no-repeat left top;
     padding: 10px 15px;
     font-size: 16px;
     color: #FFF;
}

.menu_deroulant h2 a{color:#FFF}

.menu_deroulant p {
     width: 168px;
     background: url(images/menu_deroulant.png) repeat-y right top;
     padding: 5px 16px 0 16px;
}

/***** Menu accorédon pour les horaires de messe *****/

#nav_perm {
	width:200px;
	margin: 0px;
	padding: 0;
	list-style: none;
	color: #fff;
	font: 1.0em "Trebuchet MS";
	list-style-type:none;
}

#nav_perm a {
	display: block;
	padding: 4px 10px;
	color:#333;
	text-decoration: none;
	
}

#nav_perm .toggleSubMenu a {
	background: url(images/menu_deroulant.png) repeat-y right top;
}

#nav_perm .open a {
	background: url(images/menu_deroulantover.png) repeat-y right top;
}

#nav_perm a:hover, #nav_perm a:focus, #nav_perm a:active {
	text-decoration: none;
	color: #333;
	background: url(images/menu_deroulantover.png) repeat-y right top;
	
}

#nav_perm .subMenu {
	font-size: .8em;
	color: #333;
	background: url(images/menu_deroulant.png) repeat-y right top;
	font-size: .8em;
	margin: 0;
	padding: 0;
	list-style-type:none;
}

#nav_perm ul.subMenu a {
	background: url(images/menu_deroulant.png) repeat-y right top;
	padding: 3px 20px;
	list-style-type:none;
}

#nav_perm ul.subMenu li a {
	background: url(images/menu_deroulant.png) repeat-y right top;
	padding: 3px 20px;
	list-style-type:none;
	color:#000;
}

.menu_deroulant_perm {
 	width: 200px;
    background: url(images/menu_deroulant.png) no-repeat left bottom;
    padding-bottom: 10px;
    margin: 0;
	z-index:10;
}

.menu_deroulant_perm h2 {
   	height: 24px;
     width: 170px;
     background: url(images/menu_deroulant.png) no-repeat left top;
     padding: 10px 15px;
     font-size: 16px;
     color: #FFF;
}

.menu_deroulant_perm h2 a{color:#FFF}

.menu_deroulant_perm p {
     width: 168px;
     background: url(images/menu_deroulant.png) repeat-y right top;
     padding: 5px 16px 0 16px;
}

/***** Editorial du Père Erick *****/
.edito {
 	width: 300px;
    background: url(images/background.png) no-repeat left bottom;
    padding-bottom: 17px;
    margin: 10px auto 0px auto;
	z-index:10;
}
.edito h2 {
     width: 270px;
     background: url(images/bg-top.jpg) no-repeat left top;
     background-color: #ad216c;
     padding: 10px 15px;
     font-size: 16px;
     color: #FFF;
}

.edito h2 a{color:#FFF}

.edito p {
     width: 268px;
     background: url(images/background.png) repeat-y right top;
     padding: 5px 16px 0 16px;
}

.edito img {
	margin:5px;
	float:right;
	z-index:1500;
	position:relative
}

/*** Logos articles class hentry ***/
.hentry img{
	float:left;
	margin:4px 20px 4px 0px;
}

.hentry p img{
	float:none;
	margin:0;
}

/** Leftside : Menu en accordéon **/

.applemenu{
	margin: 5px 0;
	padding: 0;
	width: 170px; /*width of menu*/
	border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
	background: black url(images/silvergradient.gif) repeat-x center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
	color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
	background-image: url(images/silvergradientover.gif);
	color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	padding: 0px;
	height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.evangile {
	text-align:left;
	padding-left:20px;
}

.plan_site {
	margin:10px;
}

.plan_site h2{
	margin:10px;
}

.plan_site h3{
	margin:15px;
}

.plan_site ul{
	list-style-type:none;
	margin-left:15px;
	
}

.plan_site ul li a{
	display:block;
}

.plan_site ul li a:hover{
	background:#FFF;
}