/* HTML DE BASE */
html 
  { 
    min-height:100%; 
    height:auto;  
  }
  
body
  {
	margin: 0;
	padding: 0;
	font-family:  Arial, Geneva, sans-serif;
	font-size: 12px	;
	background: url(../img/bg.png) bottom no-repeat;
	height:100%;
  }

h1, #content h1 
  {
	line-height:1.3em;
  }

a
  {
	color:  #3179C4;
	text-decoration:none;
  }
  
a:hover  
  {
  	color:  #3179C4;
	text-decoration:underline;
  }
  
  
a:visited {
	color: maroon;
  }  	
	
/* POINILLES AUTOUR DES LIENS (FIREFOX) */

a, a:active 
  {
	outline: none;
	text-decoration: none;
  }	
	
  
.center { text-align: center;  }  
.right { text-align: right;  }  

/* ACCUEIL */
#dashboard tr
  {
	vertical-align:top
  }
  
#dashboard td
  {
	width: 33%;
	padding: 10px;
  }  
  
#dashboard p
  {
	margin:0 0 16px 0;
  }  
  
#dashboard a:visited
  {
	color:  #3179C4;
  }  
 
/* EN-TETE */  
#header
  {
	height: 132px;
	background: url(../img/header_bg.png) repeat-x white;
	width: 12x;
	min-width: 840px;
  }
  
#header h1, #header h2 
  {
	display: none;
  }
  
#header h3
  {
	margin: 0;
	padding: 12px 12px 0 0;
	float: right;
	font-weight:normal;
	font-size: 12px;
	color: #666;
  }  
  
#logo
  {
	display:block;
	width: 217px;
	height: 104px;
	float: left;
	background: url(../img/logo.png) no-repeat;
	position:absolute;
  }    
  
#logo span 
  {
	display: none;
  }  
  
/* MENU */
#menu 
  {
	float: left;
	position: absolute;
	top: 101px;
	right: 5px;
	width: 860px;
  }  
  
#menu ul
  {
	margin: 0;
	padding: 0;
    list-style-type: none;
    float: right;
  }  
  
#menu li
  {
	display: inline;
  }  
  
#menu li a
  {
	display: block;
	width:120px;
	height: 31px;
	background: url(../img/menu_off.png) no-repeat;
    float: left;
    text-align: center;
    text-decoration: none;
  }  
  
#menu li a:hover
  {
	background: url(../img/menu_on.png) no-repeat;  
  }	
  
#menu a span
  {
	color: white;
	font-weight:bold;
	line-height: 3em;
	font-size: 12px;
  }  
  
#menu a:hover span
  {  
    color: black; 
    line-height: 3em;
  }
    
#arb #m-arb a,
#courrier #m-courrier a,
#adresses #m-adresses a,
#paroisses #m-paroisses a,
#agenda #m-agenda a,
#interactif #m-interactif a,
#contacts #m-contacts a
  {
	background: url(../img/menu_on.png) no-repeat; 
  }
  
#arb #m-arb a span,
#courrier #m-courrier a span,
#adresses #m-adresses a span,
#paroisses #m-paroisses a span,
#agenda #m-agenda a span,
#interactif #m-interactif a span,
#contacts #m-contacts a span
  {
	 color: #3179C4;
     line-height: 3em;
  }
  
/* SOUS-MENU */
#submenu 
  {
    background: url(../img/submenu_bg.png) repeat-x;  
    height: 25px;
  }  
  
  
  
#submenu ul
  {
	padding: 0;
    list-style-type: none;
    text-align: center;
    margin: 0 auto;
    float:both;
    display:block;

  }
  
#submenu ul.four_cols { width: 600px; margin: 0 auto;}   
#submenu ul.five_cols { width: 750px; margin: 0 auto;}  
#submenu ul.two_cols  { width: 290px; margin: 0 auto;}   
#submenu ul.three_cols  { width: 440px; margin: 0 auto;}   
#submenu ul.six_cols  { width: 920px; margin: 0 auto; } 
  
#submenu li
  {
	display: inline;
  }  
  
#submenu li a
  {
	display: block;
	width:140px;
	height: 25px;
    float: left;
    text-align: center;
    text-decoration: none;
    color: gray;
  }  
  
#submenu li.small a
  {
	font-size: 10px;
	width:150px;
	text-decoration: none;
  }  
  
#submenu li a:hover
  {
	background: url(../img/submenu_over.png) repeat-x;  
  }	  
  
#submenu li a.sel
  { background: url(../img/submenu_on.png) repeat-x;  }	    
  
#submenu li a.sel span
  { color: white; }  
  
#submenu span
  {
	line-height:2em;
  }  
  
/* PUB */
#publicite
  {
		width: 350px;
	height: 550px;
	float: left;
    display: inline;
  }

#pub_ancien
  {
	width: 170px;
	height: 370px;
	background: url(../img/pub.png) no-repeat;
	float: left;
	margin: 30px 30px 0 30px;
    display: inline;
  }  
  
#pub
  {
	width: 259px;
	height: 220px;
	background: url(../img/pub2.gif) no-repeat;
	float: left;
	margin: 30px 30px 0 30px;
    display: inline;
  }    
  
#pub p
  {
	padding-top: 200px;
	text-align: center;
	font-size: 9px;
	color: gray;
  }  
  
#pub p a
  {
	color: gray;
	text-decoration: none;
  }  
  
#pub p a:hover
  {
	text-decoration: underline;
	color: black;
  }  
  
/* CONTENU */  
#content
  {
	/*margin: 30px 160px 0 240px;*/
	margin: 30px 160px 0 350px;
    text-align: left;
    color: black;
    font-size: 13px;	
    line-height:1.5em;
    padding-bottom: 80px;
    font-family:  Arial, Geneva, sans-serif;
  }  

#arb #content
  {
	margin-right: 250px;
  }  

#arb_sommaire
  {
	width: 200px;
	float: right;
	margin-top: 30px;
	margin-right: 10px;
  } 
  
#courrier #content
  {
	margin-right: 200px;
  }  

#courrier_sommaire
  {
	width: 153px;
	background:  url(../img/courrier.png) no-repeat;
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	padding-top:200px;

  } 
  
#courrier_sommaire ul
  {
	list-style-type: none;
	padding:0;
	margin: 0;
  } 
  
#courrier_sommaire li
  {
	margin: 6px 0;
	font-weight:bold;
  }  
  
#courrier_sommaire a
  {
	color:#3179C4;
	line-height: 1.5em;;
  }  
  
#courrier_sommaire a.sel
  {
	color:black;
	font-weight:bold;
  }   
  

  
#courrier_abo
  {
	width: 134px;
	height: 53px;
	position: absolute;
	background:  url(../img/big_button.png) no-repeat;
	top: 620px;
	right: 20px;
	text-align:center;
  }  
  
  
#courrier_abo span
  {  
  	color: white;
	font-weight:bold;
	line-height: 2.4em;
    font-size: 20px;
  }
  
#courrier_abo:hover
  {    text-decoration: none; }
  
/* PIED DE PAGE **/
  
#print_footer
  {	display:none}  
  
/* FORMULAIRES */
#content label 
  {
	display: block;
	float: left;
	width: 140px;
  }  
  
.form_title
  {
	 color: #A2D7F2;
	 text-transform: uppercase;
  }  
  
.oErrorMessage
  {
	color: maroon;
	font-weight:bold;
	display:block;
	margin-left: 140px;
  }  
  
.oForm
  {
	width: 500px;
  }  
  
.oButtonBar
  {
	text-align: center;
  }  
  
.oButton  
  {
	width: 82px;
	height: 26px;
    border: 0;
	background:  url(../img/small_button.png) no-repeat;
  	text-align: center;
  	margin: 12px auto;
  }
  
.oButton a
  {
	display: block;
		width: 82px;
	height: 26px;
	text-decoration: none;
  }  
  
.oButton span
  {
	color: white;
	line-height:1.9em;

	font-weight: bold;
  }
  
/* Adresses */
#tab_adresses 
  {
    width:680px;

  }  
 
#tab_adresses tr, #adresses td
  {
    vertical-align: top;

  }  
  
#tab_adresses td
  {
    padding: 6px;
  }  
  
#tab_adresses td.logo
  {
    width:180px;
  }  
  
#tab_adresses td.adresse, td.lien
  {
    width:200px;
  }  
  
#tab_adresses td.adresse_big  
  {
    width:400px;
  } 
  
#tab_adresses td.categorie
  { width:100px}