@charset "iso-8859-1";


/* @@@ ap_Admin.css */


/* Styles */
form {
	margin: 0 0;
	padding: 0 0;
	vertical-align: text-bottom;
}

fieldset {
	margin: 0 0;
	padding: 0 0;
	border: none;
}

.boxForm h3 {
	background-color: #f8f8f8;
	padding: 10px 10px;
	margin: 0 0;
	border-bottom: 1px solid #94A1C4;
}

.boxDefault h3 a img {
	border: none 0px;
}

.boxForm fieldset.input fieldset {
	border-top: double 3px #94A1C4;
}

.boxForm fieldset.input fieldset {
	padding-left: 20px;
}
.boxForm fieldset.input fieldset legend {
	padding: 0 0.5em;
	color: #00f;
	font-weight: bold;
 }

fieldset.input p {
	margin: 0 0;
	padding: 5px 0;
	display: block;
}

.boxForm fieldset.input fieldset p {
	padding: 2px 1px;
}

fieldset.input p label {
	text-align: left;
	display: block;
}

fieldset.input p span label {
	display: block;
}

fieldset.input p input.std,
fieldset.input p select.std,
fieldset.input p select.plus,
fieldset.input p textarea.std {
	border: 1px solid #94A1C4;
	padding: 2px 1px;
	margin: 0 0;
	margin-left: 5%;
	height: auto;
	width: 90%;
}

.boxForm fieldset.input p input.std {
	border: 0px none #fff;
	border-bottom: 1px dotted #94A1C4;
	z-index: -1;
}

.boxForm fieldset.input p textarea.std {
	border: 0px none #fff;
	border-left: 1px dotted #94A1C4;
}

.ap_LargePane fieldset.input p label {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	padding: 0 0;
	margin: 0 0;
	margin-right: 0.5em;
	display: inline-block !important;
}

.ap_LargePane fieldset.input p span label {
	float: none;
	clear: none;
	width: auto;
	text-align: left;
	padding: 0 0;
	margin: 0 0;
	margin-right: 0;
	display: inline !important;
}

.ap_LargePane fieldset.input p input.std,
.ap_LargePane fieldset.input p select.std,
.ap_LargePane fieldset.input p textarea.std {
	margin: 0 0;
	width: 65%;
}

fieldset.input p select.std,
.ap_LargePane fieldset.input p select.std {
	width: 65.3%;
}

.boxForm fieldset.input p select.plus {
	width: 60% !important;
	margin-left: 0;
}

.ap_LargePane fieldset.submit {
	border-top: 1px solid #94A1C4;
	padding: 10px 0;
	margin-top: 10px;
}

.ap_LargePane .boxForm fieldset.submit {
	margin-top: 1em;
	background-color: #f8f8f8;
}

.ap_SmallPane fieldset.input p span label {
	display: inline !important;
}

.ap_LargePane fieldset.input p span.col {
	float: left;
	width: 50px;
	text-align: center;
	display: inline-block !important;
}
.ap_LargePane fieldset.input p {
	display: block !important;
	clear: both;
}
.ap_LargePane fieldset.input p span.cols input {
	float: left;
	width: 50px;
	text-align: center;
	display: inline-block !important;
}

.radiov {
	display: block !important;
	clear: both;
	margin-top: -1.5em;
	margin-left: 31%;
}

fieldset.submit p {
	text-align: right;
	margin: 0 0;
}

fieldset.input input.btn,
fieldset.submit p input {
	background-color: #8db33b;
	border: none 0;
	color: #fff;
	font-family: Arial;
	font-size: 100%;
	margin: 0 0;
	padding: 3px 0.5em;
	text-align: center;
}

fieldset.input input.btn:hover,
fieldset.input input.btn:focus,
fieldset.submit p input:hover,
fieldset.submit p input:focus {
	background-color: #a6b91c;
	cursor: pointer;
}

fieldset.submit a {
	text-align: left;
}

.ap_SmallPane fieldset.input label.radio {
	display: inline !important;
}


fieldset.input p span.validators {
	color: blue !important;
	display: block;
}

.valsummary {
	background-color: transparent;
	background-image: url(../images/valsummary.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	border: dotted 1px #f00;
	border-width: 2px 0;
	color: red;
	xfont-size: 90%;
	margin: 10px 20px;
	min-height: 28px;
	padding: 5px 0 5px 48px;
}

.valsummary h4 {
	text-align	: right;
	padding-right: 5px;
	margin-top: 5px;
}
.valsummary ul {
	margin-left: 0px;
	padding-left: 0px;
}
.valsummary li {
	margin-left: 20px;
}
.validator {
	font-weight: bold;
	font-size: 90%;
	padding: 1px 2px;
	margin-left: 5px;
	color: white !important;
	background-color: #f00;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-right: solid 1px #800;
	border-bottom: solid 1px #800;
}


/* Version CSS2 ok avec FF mais ko avec IE
*/
input:focus, textarea:focus, select:focus {
	background-color: #eaf4ff;
	color: #000;
}
/*
=> version avec CSS + JS */
.hasFocus {
	background-color: #eaf4ff;
	color: #000;
}
input.isDisabled {
	border-color: #fff !important;
}
textarea.isDisabled {
	border-color: #fff !important;
	overflow: hidden !important;
}

.adminToolbar {
	background: #fff url(../images/adminTools.jpg) repeat-x bottom left;
	border: 1px solid #ddd;
	padding: 3px 3px 0 3px;
	margin: 0 0 10px 0;
	height: 100%;
	clear: left;
}
.adminToolbar a {
	padding: 0 2px;
}
.adminToolbar a.btnLogoff {
	float: right;
}

#showActions tr p {
	margin: 0 0;
	padding: 0 0;
}
#showActions tr a {
	display: inline;
}
#showActions tr a:hover {
	text-decoration: underline !important;
}


/* @@@ ap_Classic.css */

/************ CSS standards for Altrr-Press ************/

/* Center some content */
.adSense {
	text-align: center;
}
.boxIncludefile div {
	text-align: center;
}

/* Images alignment */
img.align-left {
	float: left;
	padding: 0 10px 10px 0;
}
img.align-right {
	float: right;
	padding: 0 0 10px 10px;
}
img.align-center {
	display: block;
	padding: 10px 0;
}

/* hide some box title */
h3.h3Hidden {
	display: none;
}

/* no border around linked images */
a img {
	border: none;
}

/* no border around admin images */
.adminToolbar a, a.adminLink, a.editLink, a.cnfgLink {
	border: none !important;
	background-color: transparent;
}

/* Tables with xt_table class */
.xt_table {
	border: 1px solid #aaa;
	color: #000;
	background-color: #fff;	
	width: 100%;
	font-size: 90%;
}
.xt_table tbody th,
.xt_table tbody td {
	border: 0px none #fff;
	padding: 1px 3px 1px 3px;
}

.xt_table a,
.xt_table a:link, 
.xt_table a:visited,
.xt_table a:hover {
	text-decoration: none;
	background-color: transparent;
	color: #000;
	font-weight: normal;
}

.xt_table thead th,
.xt_table tfoot td {
	border: 1px solid #ddd;
	text-align: center;
	font-weight: bold !important;
	color: #000;
	background-color: #f5f5f5;
}

.xt_table tbody th,
.xt_table tbody td {
	vertical-align: top;
}
.xt_table tbody .xt_odd {
	background-color: #fdfdfd;
	border-color: #fdfdfd;
}
.xt_table tbody tr:hover,
.xt_table tbody tr.xt_hover {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}

.xt_cell_left {
	text-align: left;
}
.xt_cell_center {
	text-align: center;
}
.xt_cell_right {
	text-align: right;
}

x.xt_pager {
    text-align: left;
    height: 100%;
    width: 100%;
}
x.xt_pager a, x.xt_pager a:visited {
    display: inline;
    text-decoration: none;
    font-weight: bold;
    margin: 0 0.1em;
    color: #000;
    width: auto;
}
.xt_paging {
    text-align: center;
    padding: 0 2px;
    width: 97%;
}
.xt_export {
    text-align: right;
    padding-top: 2px;
    float: right;
    width: 2%;
}
.xt_selected {
    font-weight: bold;
    margin: 0 0.1em;
    color: #666;
}
.xt_disabled {
    font-weight: bold;
    color: #666;
}
.xt_previous span {
    margin-right: 1em;
}
.xt_next span {
    margin-left: 1em;
}

/* XxxxxxSearch boxes */
fieldset.search_form .search_cols {
	vertical-align: middle;
	display: inline;
	float: left;
	margin-bottom: 1em;
}
fieldset.search_form .search_cols img {
	margin-right: 1em;
}
fieldset.search_form .search_cols p {
	margin: 0 0;
}
.search_foot {
	text-align: center;
}

/* Blogmarks xslt box */
.bm_blogmarks {
	margin: 10px auto;
	padding: 1%;
	background-color: #f5f5f5;
	border: 1px solid #d9d9d9;
	width: 97%;
	overflow:auto;
}
.bm_even {
    background-color: #fcfcfc;
}
.bm_blogmarks h4 {
	margin-top: 0;
}
.bm_blogmarks p.bm_tags {
	margin-bottom: 0;
	display: block;
	clear: left;
}
.bm_blogmarks img {
	margin: 0 0px 5px 10px;
	float: right;
	border: 0;
	clear: none;
	width: 144px;
	height: 107px;
}
.bm_even img {
	margin: 0 10px 5px 0px;
	float: left;
}


/* @@@ st-privat.css */

/*******************************************************************************
*  skidoo_lean.css : 2004-08-17 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  lean and mean version of the original skidoo layout seen at:
*  http://webhost.bridgew.edu/etribou/layouts/skidoo/
*  CSS for horizontal and vertical nav elements based on unordered lists
*  isn't here to help reduce the layout to its core components.
*******************************************************************************/

body {
	background-color: #ccc;
	color: #fff;
	font-size: 100.1%;
	margin: 0;
	padding: 0;
}
#pageWrapper {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	width: 970px;
	margin: 0 auto;
	opacity: 0.99;
	line-height: 1.5em;
}
* html #pageWrapper {
	word-wrap: break-word;	/* invalid CSS but keeps IE from breaking 
								horribly under narrow viewports */
}
#masthead {
	background: #ccc url(bg-top.gif) no-repeat center bottom;
	color: #000;
}
#outerColumnContainer {
	padding-left: 0;
	padding-right: 310px;
	color: #000;
	z-index: 1;
	background: #fff url(bg-content.gif) repeat-y center top;
}
#innerColumnContainer {
	width: 100%;
	z-index: 2;
}
#rightColumn, #contentColumn {
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
#rightColumn {
	float: right;	/* doesn't have to be floated right, but if using some
			   original skidoo tweaks, you need it this way */
	margin: 0 -310px 0 0;	/* same as in the #leftColumn but reversed */
	width: 310px;
}
#contentColumn {
	margin: 0 0;		/* required to get the negative margin-based
				   layout to work. if #contentColumn does not
				   overlap the left and right columns, then
				   the whole layout will break */
	width: 100%;
}
#footer {
	background: #ccc url(bg-bottom.gif) no-repeat center top;
	color: #666;
	font-size: small;
	padding: 15px 0 5px 0;
	text-align: center;
}

h2, h3, h4, h5, h6 {
	background-color: transparent;
	color: #0a0;
	margin: 20px 0;
}
p, ul, ol, dl {
	margin: 10px 0;
	padding: 0;
}
li {
	margin: 0 0 0 30px;
}
.boxHtmltext li {
	list-style-position: inside;
}
h2, h3 {
	margin: 0 0 20px 0;
	font-size: 125%;
}
h4 {
	font-size: 105%;
}

.clear {
	clear: both;
}
.inside {
	padding: 0 30px;	/* glitch in IE caused by vertical padding in
				   this class, so 0 padding is set here and
				   those blocks that need the vertical padding
				   must be applied to the parent element.
				   the purpose of this class is to provide 
				   horizontal padding without using hacks to
				   get around IE's broken box model. so it's
				   okay to apply vertical padding to the parent
				   element, just not horizontal padding. */
}
#contentColumn, #rightColumn, #masthead {
	padding-top: 20px;
	padding-bottom: 20px;	/* this is the vert padding talked about in the
				   .inside selector comment. */
}
#contentColumn .inside {
	padding-right: 10px;
}
#masthead {
	padding: 15px;	/* ditto from above */
	line-height: normal;
}
#footer {
	padding: 5px;	/* ditto from above */
	line-height: normal;
}

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


/***** Menu *****/
ul.ap-sitemenu, ul.ap-sitemenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	overflow: visible;
	height: 100%;
	width: 100%;
}
ul.ap-sitemenu {
	margin: 1px 0;
}
ul.ap-sitemenu ul {
	margin: 0;
}
ul.ap-sitemenu li li ul {
	display: none;
}
ul.ap-sitemenu li li.inpath ul {
	display: block;
}
ul.ap-sitemenu li {
	margin: 0 0 1px 0;
	line-height: normal;
}
ul.ap-sitemenu li.level3 {
	margin: 0;
}
ul.ap-sitemenu li a {
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
	border: 1px solid #fff;
	padding: 2px 5px 3px 5px;
	width: 238px;
}
ul.ap-sitemenu li li a {
	padding: 2px 5px 3px 25px;
	width: 218px;
	background: #fff url(lili.gif) no-repeat 0 4px;
}
ul.ap-sitemenu li li li a {
	background: #fff url(lilili.gif) no-repeat 20px 2px;
	font-size: 75%;
	padding: 2px 5px 3px 40px;
	width: 203px;
}

ul.ap-sitemenu li a, ul.ap-sitemenu li a:link, ul.ap-sitemenu li a:visited, ul.ap-sitemenu li a:active, ul.ap-sitemenu li a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #4e4e4e;
	background-color: #fff;
	border-color: #fff;
}
* html ul.ap-sitemenu {
	position: relative;	/* IE needs this to fix a rendering problem */
}
ul.ap-sitemenu li.inpath li a,ul.ap-sitemenu li.inpath li.inpath li a {
	background-color: transparent;
	color: #4e4e4e;
}
ul.ap-sitemenu li.inpath a {
	background-color: transparent;
	color: #0a0;
}
ul.ap-sitemenu li.inpath li.inpath a {
	background-color: transparent;
	color: #0a0;
}
ul.ap-sitemenu li.active a {
	background-color: transparent;
	color: #0a0 !important;
}
ul.ap-sitemenu li.active ul li a {
	background-color: transparent;
	color: #4e4e4e !important;
}
ul.ap-sitemenu li a:hover, 
ul.ap-sitemenu li.inpath a:hover {
	color: #4e4e4e;
	border-color: #93a0c4;
	background-color: #cfe8ff !important;
}


.boxDefault, .hnav {
	margin: 0;
	padding: 0 0 30px 0;
}

h1 {
	margin: 0;
	padding: 0;
}
h1 a {
	height: 57px;
	width: 250px;
	text-indent: -5000px;
	background: #fff url(st-privat.gif) no-repeat 0 0;
	display: block;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.boxHtmltext p.imgcenter {
	text-align: center;
}



/***** hCard *****/
#hcard {
	text-align: left;
}
#hcard .geo, #hcard .tel .type {
	display: none;
}
#hcard div, #hcard p, #hcard dl, #hcard dt, #hcard dd {
	margin: 0 0;
	padding: 0 0;
	line-height: 1.5em;
}
#hcard dl, #hcard dt {
	margin-top: 0.6em;
}
#hcard {
	margin-bottom: 1.5em;
}
#hcard dd {
	margin-left: 2.5em;
}
#hcard .icon {
	float: right;
	margin-right: 0;
}
#hcard .logo {
	float: right;
	display: inline;
}


/***** Meteo *****/
.dayForecast { 
	height: 150px;
	max-height: 150px;
	margin: 10px 35px;
	text-align: center;
}
.dayForecast .temp { font-size: 2em; }
.dayForecast .cc { margin-top: 0.1em; float: left; width: 40%; }
.dayForecast .misc { padding-top: 1em; margin-left: 41%; }
.weekForecast { 
	text-align: center;
	margin: 0 0 0.5em 0;
	padding: 1em 0;
}
.weekForecast .day1,
.weekForecast .day2,
.weekForecast .day3,
.weekForecast .day4 { 
	float: left;
	width: 24.95%;
}
.weekForecast .temp {
	font-weight: bold;
}

/***** Répertoire *****/
.repertoire {
	width: 100%;
	text-align: left;
	margin-top: 1em;
}
.repertoire td {
	padding-bottom: 1em;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0.75em 0 !important;
}
.repertoire td.col1 {
	width: 25%;
	font-weight: bold;
}
.repertoire td.col2 {
	padding: 0 1em 0.75em 1em !important;
}
.repertoire td.col2 a {
	font-size: 70%;
	letter-spacing: -1px;
}
.repertoire td.col3 {
	width: 11em;
	text-align: right;
}
.repertoire tr:hover {
	background-color: #cfe8ff;
}

/***** Liste des n° utiles et fréquences radio *****/
#ap_numeros-utiles li strong,
#ap_frequences-radio li strong {
	display: inline-block;
	font-weight: normal;
	width: 42% !important;
}

/***** Liens communes *****/
#ap_alentours {
	margin-top: -3em;
}
#ap_alentours p a {
	width: 170px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding: 15px 10px;
	border: solid 1px #fff;
}
#ap_alentours p a span {
	display: block;
	clear: both;
	margin-top: 1em;
	text-decoration: underline;
}
#ap_alentours p a:hover {
	border-color: #93a0c4;
	xbackground-color: #cfe8ff;
}


/***** Photos *****/
.photos a {
	border: solid 1px #ddd;
	margin: 5px 15px 15px 0;
	padding: 5px;
	display: inline-block;
}
.photos a:hover {
	border-color: #93a0c4;
}
#body_couleurs #ap_nav-photos {
	display: none;
}
#body_cartes-postales #ap_nav-cp {
	display: none;
}
#body_cent-ans #ap_nav-100ans {
	display: none;
}
p.galpict {
	text-align: center;
}
p.galpict img {
	border: solid 1px #ddd;
	padding: 6px;
}
p.galpict label {
	display: block;
	font-size: 80%;
}
p.galnav {
	clear: both;
	display: block;
	font-size: smaller;
	height: 2em;
}
p.galnav .link-previous {
	float: left;
}
p.galnav .link-next {
	float: right;
}
p.galdesc {
	margin-top: 1em;
	font-size: 80%;
}
#body_histoire-saint-privat #ap_nav-histoire,
#body_colonie-cigales #ap_nav-histoire {
	display: none;
}


/***** Panel More *****/

p.enlight,
.enlight .boxDefault
{
	background-color: #cfe8ff;
	border: solid 1px #93a0c4;
	padding: 15px 20px 15px 20px;
	display: block;
	height: 100%;
}
.enlight .boxDefault h3
{
	font-size: 100%;
}
.enlight .boxDefault textarea
{
	height: 150px !important;
}
.boxFeedback fieldset.submit
{
	border-top: none;
	padding: 0;
}
.boxFeedback fieldset.input input.btn,
.boxFeedback fieldset.submit p input {
	background-color: #94A1C4;
}

/***** Pictogrammes contact et plan du site *****/
#ap_pictos p
{
	text-align: center;
}
#ap_pictos p img
{
	margin: 0 10px;
}


/***** Plaquette église S-Privat *****/
blockquote, p.blockquote
{
	border-left: 4px solid #ddd; 
	margin: 1.3em 1em; padding: 0 1em;
}
ol
{
	font-size: smaller;
	margin-top: 1.5em;
}


/***** Page de recherche *****/

.boxGooglesearch h4
{
	display: none;
}
.boxGooglesearch ul blockquote br
{
	display: none;
}
.boxGooglesearch ul p span
{
	color: #0a0;
	letter-spacing: -1px;
}


/***** Plan du site *****/

ul.ap-sitemap,
ul.ap-sitemap ul,
ul.ap-sitemap ul ul
{
	line-height: 1.3em;
	list-style-type: none;
	margin: -1.3e 0 0.8em 0;
	padding: 0;
	margin-top: -1.3em;
}

ul.ap-sitemap
{
	font-size: 80%;
	margin-top: 0;
}

ul.ap-sitemap li
{
	list-style-type: none;
	margin: 0 0 0.8em 0;
	padding: 0;
}

ul.ap-sitemap li li,
ul.ap-sitemap li li li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.ap-sitemap li a
{
	display: block;
	overflow: hidden;
	width: 150px;
}

ul.ap-sitemap li li a
{
	display: block;
	margin-left: 159px;
	overflow: hidden;
	width: 200px;
}

ul.ap-sitemap li li li a
{
	display: block;
	margin-left: 368px;
	overflow: hidden;
	width: 235px;
}

ul.ap-sitemap a, ul.ap-sitemap a:link, ul.ap-sitemap a:visited, ul.ap-sitemap a:active {
	text-decoration: none;
	color: #000;
	background-color: #fff;
	padding: 0 3px 1px 3px;
}

ul.ap-sitemap a:hover {
	text-decoration: none;
	color: #000;
	background-color: #cfe8ff;
	padding: 0 3px 1px 3px;
}