/* christweb.org - styles */

/************************                 Blocs principaux                  *****************************/
body {
	width: 100%;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	color: #333333;
}
#main {
	width: 750px;
	min-width : 750px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: none;
	text-align: left;
	background-color: #FFFFFF;
}
#top {
	height: 102px;
	width: 750px;
	min-width: 750px;
	padding: 0;
	margin: 0;
	border: none;
	background-image : url(../images/bulles.gif);
	background-repeat: no-repeat;
	background-position : right;
}

#content {
	float: right;
	width: 550px;
	padding: 15px 0 15px 0;
	margin: 0;
	border: none;
}

a:link { color: #0099CC; text-decoration: underline; }
a:visited { color: #0099CC; text-decoration: underline; }
a:active  { color: #0099CC; text-decoration: underline; } 
a:hover { color: #362779; text-decoration: underline; } 
a:focus { color: #362779; text-decoration: underline; }

img { border: none; margin: 0; }
h1 { font-size: 1.4em; font-weight: bold; margin-top: 0; }
h2 { font-size: 1.2em; font-weight: bold; color: #362779; }
h2 { font-size: 1.1em; font-weight: bold;  }
hr {height: 1px; color: #CCCCCC; }
ul { list-style: disc outside; }
ol { list-style: decimal outside; }
li { margin: 0.4em 0 0.4em 0; vertical-align: baseline; }

td { font-size: 0.8em; padding-right: 10px; border-bottom: 1px dotted #CCCCCC; }
th { font-size: 1em; font-weight: bold; color: #999999; text-align: left; }


/**********************************************************************************/
/*                                           Formulaires en général                                                */
/**********************************************************************************/
select,textarea {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
}
select {
	vertical-align: middle;
}
textarea {
	width: 250px;
}
label {
	margin: 0;
	padding: 0 0.5em 0 0;
	vertical-align: middle;
	color: #666666;
}
form {
	border: none;
	margin: 0;
	padding: 0;
	width: 43em;	/*** Largeur du formulaire ***/
}
form p {
	margin: 0.2em 0;
	padding: 0;
}
form p label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
}
fieldset {
	padding: 10px 10px 10px 10px;
	border: 1px solid #00B3FE;
}

legend {
	font-weight: bold;
	color: #362779;
	padding: 5px 5px 5px 5px;
}
#validButton {
	margin-left: 30%;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding-left: 0.2em;
}
.needField {
	color: #CC0000;
	font-size : 0.7em;
	vertical-align: middle;
}
.formfield {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
	width: 250px;
}
.formfieldShort {
	border-right: #999999 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
	width: 160px;
}

.formbutton {
	border-right: #362779 1px solid;
	border-top: #362779 1px solid;
	border-left: #362779 1px solid;
	border-bottom: #362779 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #FFFFFF;
	background-color: #0099CC;
	vertical-align: middle;
	cursor: pointer;
}


/************************************************************************************/
/*                                       mise en forme du MENU                                                     */
/************************************************************************************/
#menu {
	width: 175px;
	padding: 0;
	margin: 0 0px 0 0;
	border: none;
	z-index: 0;
}
.liste {
	background-color: #E9E5DE;
	background-image : url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 5px 0 5px 20px;
	margin: 0;
	z-index: 2;
}
.no-liste {
	background-color: #E9E5DE;
	padding: 5px 0 5px 20px;
	margin: 0;
	z-index: 2;
}
#bas {
	height: 75px;
	width: 175px;
	background-color: #E9E5DE;
	background-image : url(../images/menu_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0;
	margin: 0;
	border: none;
}

#menu a { color: #666666; font-weight:bold; text-decoration: none; }
#menu a:visited { color: #666666; font-weight:bold; text-decoration: none; }
#menu a:active { color: #666666; font-weight:bold; text-decoration: none; }
#menu a:hover { color: #000000; font-weight:bold; text-decoration: none; }
#menu a:focus { color: #000000; font-weight:bold; text-decoration: none; }

#menu .liste a.currentPage { color: #000000; }


/********************************************************************************/
/*                                                    BOUTONS                                                          */
/********************************************************************************/
#btHome {
	height: 45px;
	/*width: 175px;
	*/
	background-image : url(../images/bg_bt_bas.jpg);
	background-repeat: no-repeat;
	/*padding: 0;
	*/
	padding: 15px 0 0 20px;
	margin: 0;
	margin-top: 10px;
}
#btBack {
	float: right;
	height: 50px;
	width: 50px;
	background-image : url(../images/back.gif);
	background-repeat: no-repeat;
	padding: 5px 10px 5px 10px;
	margin: 0;
}

#btBack a { color: #362779; font-weight:bold; text-decoration: none; }
#btBack a:visited { color: #362779; font-weight:bold; text-decoration: none; }
#btBack a:active { color: #362779; font-weight:bold; text-decoration: none; }
#btBack a:hover { color: #362779; font-weight:bold; text-decoration: underline; }
#btBack a:focus { color: #362779; font-weight:bold; text-decoration: underline; }

#btHome a { color: #FFFFFF; font-weight:bold; text-decoration: none; }
#btHome a:visited { color: #FFFFFF; font-weight:bold; text-decoration: none; }
#btHome a:active { color: #FFFFFF; font-weight:bold; text-decoration: none; }
#btHome a:hover { color: #FFFFFF; font-weight:bold; text-decoration: underline; }
#btHome a:focus { color: #FFFFFF; font-weight:bold; text-decoration: underline; }


/*************************************************************************************/
/*                                                 classes diverses                                                           */
/*************************************************************************************/
.clearing {
	height: 0;
	clear: both;
}

.result {
	margin: 0;
	padding: 10px 0 10px 0;
	border: none;
	border-bottom: 1px solid #CCCCCC;
}
.churchName {
	font-size: 1.2em;
	font-weight: bold;
	
}
.floatToRight {
	float: right;
	margin: 0;
	padding: 7px 0 0 10px;
	border: none;
}
.adresse {
	margin:0;
	padding: 7px 0 0 0;
	border: none;
}
.infoActiv {
	margin:0;
	padding: 7px 0 0 0;
	border: none;
}
.infoPratiq {
	margin:0;
	padding: 7px 0 0 0;
	border: none;
}

.cmsnavig a { font-size: 0.8em; color: #666666; text-decoration: underline; }
.cmsnavig a:link { color: #666666; text-decoration: underline; }
.cmsnavig a:visited { color: #666666; text-decoration: underline; }
.cmsnavig a:active { color: #666666; text-decoration: underline; }
.cmsnavig a:hover { color: #000099; text-decoration: underline; }
.cmsnavig a:focus { color: #000099; text-decoration: underline; }

.small {
	color: #666666;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size : 0.7em;
}
a.small:link { color: #FFFFFF; text-decoration : underline; }
a.small:visited { color: #FFFFFF; text-decoration : underline; }
a.small:hover { color: #FFFF66; text-decoration : underline; }
a.small:focus { color: #FFFF66; text-decoration : underline; }
a.small:active { color: #FFFFFF; text-decoration : underline; }

.hidden { display: none; }
.center { text-align: center; }

.alignLeft { float: left; }
.alignRight { float: right; }

.autoMessage { font-size: 1.2em; font-weight: bold; color: #362779; }

/**********************************************************************************/
/*                                                 Page MISSION                   */
/**********************************************************************************/
#contentMission {
	width:100%; height: 250px; margin:0; margin-top:25px; padding:0; 
	/*background-image: url(../images/illustr_mission.jpg); background-repeat: no-repeat; background-position : right; */
}
.specialMission {
	width: 290px;
	margin-top: 60px;
	color: #CC0000;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 1.4em;
	text-align: right;
	line-height : 1.4em;
}

/**********************************************************************************/
/*                                                         Page SOS                                                         */
/**********************************************************************************/
.vacantJob {
	color: #CC0000;
	letter-spacing: 0.2em;
	font-weight: bold;
}

/**********************************************************************************/
/*                                                        Page GIVE                                                         */
/**********************************************************************************/
.adress {
	letter-spacing: 0.1em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.3em;
	font-weight: bold;
}
table.accountInfos td {
	font-family: "Courier New", Courier, monospace;
}
table.accountInfos td.label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
}

/**********************************************************************************/
/*                                       Moteur de recherche CMS                                               */
/**********************************************************************************/
.bloc {	background-color: #E5F7FF; text-align: left; width: auto; }
.blocTop {	background-color: #E5F7FF; width: 100%; }
.blocBottom { background-color: #E5F7FF; width: 100%; }
.blocContent { padding-left: 10px; padding-right: 10px; text-align: left; }
.symbol_and { font-size: 1.8em; font-weight: normal; color: #362779; }

#searchForm {
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
}
#searchForm p {
	margin: 0.2em 0;
	padding: 0;
	text-align: left;	
}
#searchForm p label {	
	float: left;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color :#362779;
	width: auto;
}

#searchCritSupp table, #searchCritSupp tr {
	border: none;
	margin: 0;
}
#searchCritSupp td {
	vertical-align: bottom;
	border: none;
	margin: 0;
	padding: 0 4px 0 0;
}
#searchCritSupp td label { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #362779; }

#searchForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}