/* CSS Document */
BODY {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url('../../images/background.gif') top left repeat;
}

IMG {
	border:none;
	margin:0px;
	padding:0px;
}

P {
	margin:0px;
	padding:0px;
}

DIV.float-left {
	float:left;
}
IMG.float-left {
	float:left;
}

DIV.float-center {
	text-align:center;
}

DIV.float-right {
	float:right;
}

.clear {
	clear:both;
	display:block;
	height:0px;
}
HR {
	clear:both;
	display:block;
	height:1px;
	border:none;
	margin:0px 0px 5px 0px;
}	

H1 {
	margin:0px;
	padding:0px;
}	
LI {
	margin-top:5px;
	margin-bottom:5px;
}


/**************************/
/* STYLES CALQUES DIOCESE */
/**************************/

#main {
	width:100%;
	height:100%;
}

/* header */

#header {
	width:955px;
	height:120px;
	background-color:#d1d1d2;
	margin:0px auto;
}
	#header #top {
		margin:10px 18px 0px 0px;
		color:#878788;
	}
		#header #top A{
			color:#878788;
			text-decoration:none;
		}
		#header #top A:hover{
			text-decoration:underline;
		}
		
	#header #menu {
		clear:right;
		width:682px;
		height:38px;
		margin-top:58px;
		/*margin-top:60px;*/
	}
	
		#header DIV.sousmenu {
			display:none;
			position:absolute;
			top:120px;
			height:30px;
			color:#FFFFFF;
			background:url('../../images/sousmenu-bg.gif') top left repeat-x;
			z-index:2;
			padding:0px 15px 0px 0px;
			margin-left:0px;
		}
		
			#header DIV.sousmenu A,
			#header DIV.sousmenu A:hover {
				color:#FFFFFF;
				text-transform:uppercase;
				text-decoration:none;
				margin-top:5px;
			}
			#header DIV.sousmenu A:hover {
				/*color:#442f20;*/
				text-decoration:underline;
			}
			#header DIV.sousmenu A.on {
				font-weight:bold;
			}
			#header DIV.sousmenu A.on:hover {
				text-decoration:none;
			}
			
		#header #groupe-items {
		}
		#header #menu #engagements-items {
		}			
		#header #menu #activites-items {
		}
		#header #implantation-items {
		}
		#header #dirigeants-items {
		}
		#header #equipes-items {
			margin-left:-556px;
			padding-left:15px;
		}
		#header #equipes-items A{
			/*padding-left:15px;*/
		}
		
		
		
	


/* content */

#content {
	clear:both;
	width:955px;
	margin:0px auto;
	background:url('../../images/background-transparent.png') top left repeat;
	padding-bottom:20px;
}
	#content #visionneuse {
		width:955px;
		height:300px;
	}

	#content #footer {
		width:100%;
		text-align:center;
		margin-top:20px;
		color:#535154;
	}
		#content #footer A{
			color:#535154;
			text-decoration:none;
		}
		#content #footer A:hover{
			text-decoration:underline;
		}

/* HP */
	#content #hpactivites {
		margin:0px 0px 8px 20px;
		padding-top:10px;
	}
	
		#content #hpactivites DIV.activites-push {
			float:left;
			width:291px;
			height:162px;
			margin-left:10px;
		}
			#content #hpactivites DIV.activites-push DIV {
				width:271px;
				height:31px;
				background-color:#5a92a4;
				padding:4px 10px 3px 10px;
			}
				#content #hpactivites DIV.activites-push DIV A,
				#content #hpactivites DIV.activites-push DIV A:hover {
					color:#FFFFFF;
					text-decoration:none;
				}
	
	#content #hpactivites DIV.bloc-top,
	#content #hpactivites DIV.bloc-content,
	#content #hpactivites DIV.bloc-bottom {
		width:920px;
	}
	#content #hpactivites DIV.bloc-top-content,
	#content #hpactivites DIV.bloc-bottom-content {
		width:870px;
	}	
	#content #hpactivites DIV.bloc-content-texte {
		width:894px;
	}
	#content #hpactivites DIV.bloc-content-texte HR {
		color:#14647e;
		background:#14647e;
	}
	
	
	#content #hpalaune {
		float:left;
		width:207px;
		margin:0px 0px 0px 20px;
	}
	
		#content #hpalaune DIV.alaune-push {
			float:left;
			width:181px;
			height:222px;
		}
			#content #hpalaune DIV.alaune-push DIV.texte {
				width:161px;
				padding:0px 0px 0px 0px;
			}
				#content #hpalaune DIV.alaune-push DIV.texte A,
				#content #hpalaune DIV.alaune-push DIV.texte A:hover {
					color:#14647e;
					text-decoration:none;
				}
	
	#content #hpalaune DIV.bloc-top,
	#content #hpalaune DIV.bloc-content,
	#content #hpalaune DIV.bloc-bottom {
		width:207px;
	}
	#content #hpalaune DIV.bloc-top-content,
	#content #hpalaune DIV.bloc-bottom-content {
		width:157px;
	}	
	#content #hpalaune DIV.bloc-content-texte {
		width:181px;
	}
	#content #hpalaune DIV.bloc-content-texte HR {
		color:#14647e;
		background:#14647e;
	}
	
	
	#content DIV.hpgroupe {
		float:left;
		width:705px;
		margin:0px 0px 0px 8px;
	}
	
		#content DIV.hpgroupe DIV.hpgroupe-push {
			float:left;
			width:215px;
			height:83px;
			font-weight:bold;
			margin-left:16px;
		}
			#content DIV.hpgroupe DIV.hpgroupe-push DIV.texte {
				float:left;
				width:84px;
				height:77px;
				padding:18px 6px 0px 6px;
				margin-left:8px;
				background:url('../../images/hp-groupe-bg.gif') top right no-repeat #878788;
			}
				#content DIV.hpgroupe DIV.hpgroupe-push DIV.texte A,
				#content DIV.hpgroupe DIV.hpgroupe-push DIV.texte A:hover {
					color:#FFFFFF;
					text-decoration:none;
				}
	
	#content DIV.hpgroupe DIV.bloc-top,
	#content DIV.hpgroupe DIV.bloc-content,
	#content DIV.hpgroupe DIV.bloc-bottom {
		width:705px;
	}
	#content DIV.hpgroupe DIV.bloc-top-content,
	#content DIV.hpgroupe DIV.bloc-bottom-content {
		width:655px;
	}	
	#content DIV.hpgroupe DIV.bloc-content-texte {
		width:679px;
	}
	#content DIV.hpgroupe DIV.bloc-content-texte HR {
		color:#878788;
		background:#878788;
	}
	
	
	
/* PAGES INTERIEURES */
	
	
	#content #pageint {
		float:left;
		width:705px;
		margin:0px 0px 0px 8px;
	}
	
		#content #pageint DIV.contenu {
			float:left;
			width:678px;
			margin-top:8px;
		}
			#content #pageint DIV.contenu DIV.image {
				float:left;
				width:230px;
				height:146px;
			}
			#content #pageint DIV.contenu DIV.texte {
				float:left;
				width:440px;
				color:#57575a;
			}
				#content #pageint DIV.contenu DIV.texte A,
				#content #pageint DIV.contenu DIV.texte A:hover {
					color:#14647e;
					text-decoration:underline;
				}
				#content #pageint DIV.contenu DIV.texte P {
					margin-bottom:7px;
				}
				#content #pageint DIV.contenu DIV.texte P.accroche {
					font-weight:bold;
					margin-bottom:10px;
				}
				#content #pageint DIV.contenu DIV.texte .soustitre {
					font-weight:bold;
					padding-bottom:2px;
				}
	
	#content #pageint DIV.bloc-top,
	#content #pageint DIV.bloc-content,
	#content #pageint DIV.bloc-bottom {
		width:705px;
	}
	#content #pageint DIV.bloc-bottom {
		clear:both;
	}
	#content #pageint DIV.bloc-top-content,
	#content #pageint DIV.bloc-bottom-content {
		width:655px;
	}	
	#content #pageint DIV.bloc-content-texte {
		width:678px;
	}
	#content #pageint DIV.bloc-content-texte HR {
		color:#57575a;
		background:#57575a;
	}	
	#content #pageint DIV.bloc-content-texte HR.sokade {
		color:#553a28;
		background:#553a28;
	}	
	#content #pageint DIV.bloc-content-texte HR.yokseo {
		color:#f09200;
		background:#f09200;
	}
	#content #pageint DIV.bloc-content-texte HR.izeas {
		color:#a5c416;
		background:#a5c416;
	}
	#content #pageint DIV.bloc-content-texte HR.phonecity {
		color:#ed7f00;
		background:#ed7f00;
	}
	
	

	#content DIV.push {
		float:left;
		margin:0px 0px 0px 20px;
	}
	
		#content DIV.push DIV.bloc-push {
			float:left;
			width:181px;
		}
			#content DIV.push DIV.bloc-push DIV.texte {
				width:161px;
				padding:14px 0px 4px 0px;
			}
				#content DIV.push DIV.bloc-push DIV.texte A,
				#content DIV.push DIV.bloc-push DIV.texte A:hover {
					color:#14647e;
					text-decoration:none;
				}
	
	#content DIV.push DIV.bloc-top,
	#content DIV.push DIV.bloc-content,
	#content DIV.push DIV.bloc-bottom {
		width:207px;
	}
	#content DIV.push DIV.bloc-top-content,
	#content DIV.push DIV.bloc-bottom-content {
		width:157px;
	}	
	#content DIV.push DIV.bloc-content-texte {
		width:191px;
		padding:0px 0px 0px 10px;
	}
	#content DIV.push DIV.bloc-content-texte HR {
		color:#14647e;
		background:#14647e;
	}
	
	#content DIV.bloc-content-texte DIV.offre-emploi {
		margin:20px 0px 20px 0px;
	}
	
		#content DIV.bloc-content-texte DIV.offre-emploi .intitule{
			font-weight:bold;		
		}
	
		#content DIV.bloc-content-texte DIV.offre-emploi label{
			display:inline-block;
			width:120px;
			font-weight:bold;
		}
	
	#content DIV.bloc-content-texte FORM {
	}
		#content DIV.bloc-content-texte FORM input,
		#content DIV.bloc-content-texte FORM select,
		#content DIV.bloc-content-texte FORM textarea{
			width:200px;
			border:solid 1px #57575a;
		}
		#content DIV.bloc-content-texte FORM input[type=radio]{
			width:auto;
			border:none;
		}
		#content DIV.bloc-content-texte FORM input[type=submit]{
			width:auto;
			cursor:pointer;
		}
	
		#content DIV.bloc-content-texte FORM label{
			display:inline-block;
			width:120px;
			font-weight:bold;
			text-align:right;
			padding-right:15px;
			vertical-align:top;
		}
		
		#content DIV.bloc-content-texte DIV.msg-error{
			padding:5px 10px 0px 10px;
			border:solid 1px #c00;
			font-weight:bold;
			color:#c00;
		}
		#content DIV.bloc-content-texte DIV.msg-ok  {
			padding:5px 10px 0px 10px;
			border:solid 1px #090;
			font-weight:bold;
			color:#090;
		}
		
		
/************************************************/
/*				ELEMENTS COMMUNS				*/
/************************************************/

/* blocs */

DIV.bloc-top {
	height:21px;
}
DIV.bloc-top-left {
	float:left;
	width:25px;
	height:21px;
	background:url('../../images/top-arrondi-left.png') top left no-repeat;
}		
DIV.bloc-top-content {	
	float:left;
	height:21px;
	background:url('../../images/top-bg.png') top left repeat-x;
}
DIV.bloc-top-right {
	float:left;
	width:25px;
	height:21px;
	background:url('../../images/top-arrondi-right.png') top left no-repeat;
}
DIV.bloc-content {
	clear:both;
	background:url('../../images/right-bg.png') top right repeat-y;
	margin-top:-5px;
}
DIV.bloc-content-texte {
	background:#FFF;
	padding:0px 10px 0px 10px;
}
DIV.bloc-bottom-left {
	float:left;
	width:25px;
	height:25px;
	background:url('../../images/bottom-arrondi-left.png') top left no-repeat;
	
}		
DIV.bloc-bottom-content {	
	float:left;
	height:25px;
	background:url('../../images/bottom-bg.png') top left repeat-x;
}
DIV.bloc-bottom-right {
	float:left;
	width:25px;
	height:25px;
	background:url('../../images/bottom-arrondi-right.png') top left no-repeat;
}

/* liens */

DIV.liens {
	height:21px;
	background:url('../../images/lien-bg.gif') top left repeat-x;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	padding:6px 6px 0px 0px;
	margin-top:4px;
}
DIV.liens A,
DIV.liens A:hover {
	color:#14647e;
	text-decoration:none;
}