/****************************************************************
* GENERAL
****************************************************************/

body {
 behavior: url(_plugins/csshover.htc);
 background-color: #DDDDDD;
 font-family: "arial";
 font-size:13px;
 text-align: center;
 margin: 0;
 padding: 0;
}

p {
 margin: 0 0 0 0;
 padding: 0 0 15px 0;
}

h1 {
 color: #FFA200;
 margin: 13px 0 4px 0;
}

h2 {
 color: #B2B22C;
 margin: 13px 0 4px 0;
}

h3 {
 color: #271768;
 margin: 13px 0 4px 0;
}

a {
 font-weight: bold;
 color: #5079AF;

}
a:hover {
 color: #FFA200;
}

/****************************************************************
* CONTENEURS PRINCIPAUX
****************************************************************/

#bandeauAccueil, #bandeauEglise, #bandeauMembres {
 width: 973px;
 margin-left: 14px;
}
#bandeauAccueil img, #bandeauEglise img, #bandeauMembres img {
 border: 0;
   behavior: url(_plugins/csspng.htc);
}
#bandeauAccueil {
 background: #FFFFFF url(_images/bandeauAccueil.jpg) bottom right;
}
#bandeauEglise {
 background: #FFFFFF url(_images/bandeauEglise.jpg) bottom right;
}
#bandeauMembres {
 background: #FFFFFF url(_images/bandeauMembres.jpg) bottom right;
}


#page {
 margin: 0 auto 0 auto;
 background: url(_images/fond.jpg) repeat-y;
 text-align: left;
 width: 1000px;
 padding: 0;
}
#contenu {
 width: 950px;
 margin: 0 0 0 27px;
}

#colonne_gauche {
 float: left;
 width: 180px;
 padding-top: 15px;
 overflow: hidden;
}

#colonne_droite {
 width: 735px;
 margin-left: 206px;
 padding-bottom: 40px;
 overflow: hidden;
}

#bas {
 position: relative;
 background: url(_images/fond_bas.jpg) repeat-y;
 margin: 0 auto 0 auto;
 width: 970px;
 height: 20px;
 padding: 4px 0 0 30px;
 color: #FFFFFF;
 text-align: left;
 font-size: 8pt;
}



/****************************************************************
* ELEMENTS GRAPHIQUES
****************************************************************/

#degrade_haut, #degrade_bas {
 margin: 0 auto 0 auto;
 background: #DDDDDD url(_images/degrade_haut.jpg) no-repeat bottom;
 width: 1000px;
 height: 10px;
}
#degrade_bas {
 background: #DDDDDD url(_images/degrade_bas.jpg) no-repeat;
}

#arrondi {
 position: absolute;
 background: #FFFFFF url(_images/arrondi.jpg);
 width: 767px;
 height: 40px;
 top: -40px;
 left: 220px;
}

.spacer {
 clear: both;
 visibility: hidden;
 margin: -1px; /* to avoid the gap between the central column and the footer */
 padding: 0;
}

/****************************************************************
* MENU
****************************************************************/

#menu {
 margin-left: 14px;
 width: 973px;
 height: 38px;
 border-bottom: solid 1px #D5D5D5;
 background-image:url(_images/degrade.jpg)
}

#menu ul {	
 margin: 0;
 padding: 0em;
 list-style: none;
 font-weight: bold;
 font-size: 1.1em;
}	

#menu ul li {
 float: left;
 position:relative;
 white-space: nowrap;
 border-right: solid 1px #D5D5D5;
 width: 140px;
}

div#menu ul ul {
 position: absolute; 
 top: 39px; 
 left: -1px; 
 border: none;
 background: #F8F8F8;
 z-index: 2;
 display:none;
}

#menu ul li ul li {
 width: 140px;
 border-right: solid 1px #D5D5D5;
 border-left: solid 1px #D5D5D5;
 border-bottom: solid 1px #D5D5D5;
 height: 30px;
}

#menu li a {
 display: block;
 width: 140px;
 margin: 0em;
 text-align: center;
 background-color: inherit;
 color: #000;
 text-decoration: none;
 font-family: "arial";
 font-size: 11px;
 line-height: 39px;
}

#menu ul li ul li a {
 height: 30px;
 line-height: 27px;
 padding-left: 10px;
 width: 130px;
 text-align: left;
}

#menu a:hover, #menu a.selected {
 margin: 0em;
 background-color: #FFA200;
 text-decoration: none;
}

#menu a.active {
 
}
#menu a.active:hover {
 background: #FFA200;
}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
 display:block;
}

#horloge {
 float: right;
 font-size: 8pt;
 margin: 20px 5px 0 0;
}

#sites {
 margin-left: 14px;
 background: #fbfbfb url(_images/arrondi.jpg) top right no-repeat;
 width: 973px;
 padding: 25px 0 0 0;
 text-align: center;
}

#sites ul {
 display: block;
 width: 771px;
 margin: 0 0 0 200px;
 padding: 0 0 10px 0;
 text-align: right;
 color: black;
 list-style: none;
}

#sites ul li {
 display: inline;
 border-left: 1px solid #5079AF;

 padding-left: 8px;


 padding-right: 8px;
 font-size: 80%;
}

#sites .premier_lien {
 border: 0;
}

/****************MaxiGallery*************/

.thumbscontainer ul.thumbs li {
 position: relative;
 width: 137px;
 height: 118px;
 text-align: center;
}

.pagenumbers {
 text-align: center;
 width: 100%;
}

a.acces {
 display: block;
 padding-left: 10px;
 float: left;
 text-align: left;
 color: #818181;
}
ul.menu_acces, ul.menu_acces li {
 list-style: none;
 margin: 0;
 padding: 0;
 display: inline;
}