/* CSS Document */


*{
	position:relative;
	font-family:"Trebuchet MS", "Verdana", "Arial", "Arial Black";
}

body{width: auto; margin: auto;
	 width:970px;
	 background-repeat:repeat-x;
	 background-color:#CFCFC2;
	 scrollbar-base-color:#000000; scrollbar-track-color:#FFFFFF;
  	 scrollbar-3dlight-color:#336799; scrollbar-arrow-color:#336799;
 	 scrollbar-darkshadow-color:#336799; scrollbar-face-color:#FFFFFF;	 
	}

#conteneur {
	margin:0px; 
	padding:0px;
	background-color:#D8D8D8;
	width: 960px; 
	border:none;
	border-left:solid 9px #AAAA9C;
	border-right:solid 9px #AAAA9C;	
		}

#entete{
	height:55px;
	width: 960px;
	background-image:url(../img/entete.jpg);
	}

#entete #logo{
	background-image:url(../img/logo_havre-entete.png);
	width:195px;
	height:55px;
	margin:0 0 0 35px;
	display:block;
	}

#enteteSearch{
	position:absolute;
	top:4px;
	right:5px;
	}

#enteteSearch input{
	margin:0px;
	padding:0px;
	border:1px solid #BBBBBB;
	font-size:12px;
	font-weight:bold;
	}
	
	#enteteSearch input.submit{
		background-color:#999999;
		border:1px solid #444444;
		}

#enteteMenu{
	position:absolute;
	top:32px;
	right:0px;
	display:block;
	z-index:100;
	}

#banniere_content{
	position:relative;
	background-color:#336799;
	padding:5px 0px;
	z-index:0;
	}

#banniere{ 
	position:relative;
	width: 960px; height:120px;
	background-color:#336799; background-image:url(../img/banniereTest.jpg);
	margin:0px; border-bottom:solid 2px #FFFFFF;
	border:none;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	}
	
#footer{
	width:100%;
	background-color:#5E5E5E;
	}

#footer p a{
	color:#FFFFFF;
	}
	
#menu_gauche{
	float:left;
	width:165px; 
	height:550px;
	background-color:#336799;
	background-image:url(../img/degrade_menu_gauche.jpg);
	background-repeat:repeat-x;
	margin-top:6px; margin-left:0px; margin-bottom:2px; margin-right:0px;
	}

#sous-menu-Webmaster{
	top:240px;
	width:148px; 
	background-color:#cfd9e3;
	margin:0px; margin-left:6px; margin-bottom:30px; margin-top:30px;
	font-size:11px;
    border:solid 1px #FFFFFF;
	}
	
	 #addlehavre{
	 	width:170px;
	 	margin:3px;
		padding:0px;
		}	
		
		#addlehavre hr{
			color:#D0D0D0;
			}
		#addlehavre p{
			margin:0px;
			padding:0px;
			}

#connexionBloc{
	margin:10px 15px;
	padding:2px 6px;
	border:1px solid #336799;
	border-bottom:3px solid #336799;
	background-color:#F0F0F0;
	background-image:url(../img/title_accueil.jpg);
	font-size:11px;
	text-align:center;
	}			


#corps_menu_gauche #actualiteHavraiseGauche h1{
	background-color:#222222;
	font-weight:bold;
	padding:0 0 0 5px;
	font-size:10px;
	-moz-opacity:0.60;
	opacity: 0.60;
	filter:alpha(opacity=60);
	border::none;
	}
	
#corps_menu_gauche #actualiteHavraiseGauche p{ 
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:0px;
	line-height:0px;}

#corps{ 
	top:0px;
	width:940px;
	margin:0px 10px;
	padding:8px 0;
	padding-bottom:40px;
	background-color:#f8f8f8;
	}

	#corps_contenu{
		top:0px;
		margin:0px;
		margin-left: 182px; 
		margin-right:0px;
		margin-bottom:5px; 
		padding:0px;
		padding-bottom:40px;
		background-color:#f8f8f8;
		}
	
	#corps_menu_gauche{
		float:left;
		width:180px; 
		height:550px;
		margin:0px;
		border-right:1px solid #E0E0E0;
		background-position:right;
		background-repeat:no-repeat;
		}	
	
	
	#corps_menu_gauche ul{
		margin:2px 2px 15px 2px;
		padding:0px;
		}
	
	#corps_menu_gauche li{
		list-style:none;
		margin:2px 0;
		padding:1px 0px;
		border-bottom:1px solid #E0E0E0;
		}
	
	/*Presentation*/
	#corps_menu_gauche .presentation h2{
		margin:0px;
		color:#306392;
		border-bottom:2px solid #306392;
		background-image:url(../img/title_accueil.jpg);
		}
		
	#corps_menu_gauche .presentation li a{
		display:block;
		color:#333333;
		font-weight:bold;
		margin:0px;
		padding:1px 2px 1px 8px;
		font-size:11px;
		}
	#corps_menu_gauche .presentation li a:hover{
		color:#FFFFFF;
		background-color:#306392;
		text-decoration:none;
		}
	
	/*Activité*/
	#corps_menu_gauche .activite h2{
		margin:0px;
		color:#306392;
		/*border-bottom:2px solid #4B9560;*/
		border-bottom:2px solid #306392;
		background-color:#F0F0F0;
		}
	
	#corps_menu_gauche .activite li a{
		display:block;
		color:#333333;
		font-weight:bold;
		margin:0px;
		padding:1px 2px 1px 8px;
		font-size:11px;
		}
	#corps_menu_gauche .activite li a:hover{
		color:#FFFFFF;
		background-color:#306392;
		text-decoration:none;
		}
	
	/*Ressource*/
	#corps_menu_gauche .ressource h2{
		margin:0px;
		color:#306392;
		/*border-bottom:2px solid #D1250E;*/
		border-bottom:2px solid #306392;
		background-color:#F0F0F0;
		}
	
	#corps_menu_gauche .ressource li a{
		display:block;
		color:#333333;
		font-weight:bold;
		margin:0px;
		padding:1px 2px 1px 8px;
		font-size:11px;
		}
	#corps_menu_gauche .ressource li a:hover{
		color:#FFFFFF;
		background-color:#306392;
		text-decoration:none;
		}
	

/* SS Structure...*/
#texteGauche{

	float:left;
	width:540px;
	height:auto;
	margin:0px;
	margin:5px;
	margin-bottom:50px;
	padding:0px;
	padding-bottom:40px;
	}

#photoDroite{
	margin-left:560px;
	width:220px;
	padding:0px;
	padding-bottom:40px;
	}

#texteDroite{

	}

#photoGauche{

	}

#date{
	width:155px;
	text-align:center;
	margin:0px; 
	padding-top:7px;
	font-size:10px;
	}
	
#corps p{
	padding:15px; font-size:13px;
}

#entetePage{
	text-align:center;
	width:100%;
	background-color:#F0F0F0;
	border-bottom:solid 1px #D0D0D0;
	border-top:solid 1px #D0D0D0;
	margin-top:15px;
	margin-bottom:15px;
	padding-top:3px;
	padding-bottom:1px;
	}

/********************* Accueil ************************/
#accueil_gauche{
	float:left;
	width:460px;
	margin:5px;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:25px;
	padding:0px;
	padding-bottom:10px;	
	}

#accueil_gauche h4{
	margin:0px;
	padding:0px;
	color: #336799;
	background-color:#F8F8F8;
	font-size:13px;
	border-bottom: solid 2px #336799;
	margin-right:8px;
	}



/****** Multimedia ***********/
#cadre_multimedia{
	margin-top:10px;
	padding:0px;
	min-height:100px;
	}
	
#cadre_multimedia_off{
	margin-top:10px;
	background-color:#e4ecf4;
	}


#cadre_multimedia h3{
	margin:0 0 5px 0;
	/*margin-left:90px;*/
	color:#336799;
	font-size:13px;
	border-bottom: solid 1px #cfd9e3;
	}


#accueil_multimedia{
	margin:0px;
	margin-top:0px;
	padding:0px;
	width:450px;
	border:solid 1px #336799;
	}



/***************** Accueil - Verset ***************/	

#accueil_verset{
	width:440px;
	margin:5px;
	margin-top:25px;
	padding:2px;	
	}

#accueil_verset h4{
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	color: #4b9560;
	background-color:#F8F8F8;
	font-size:13px;
	border-bottom: solid 2px #4b9560;
	}

#cadre_verset{
	border: solid 1px #4b9560;
	border-bottom: solid 5px #4b9560;
	margin:0px;
	width:440px;
	background-color:#e9f3eb;
	}


/***************** Accueil - Fil Info ***************/	

#accueil_fil_info{
	width:270px;
	margin:25px 5px 5px 5px;
	padding:2px;	
	}

#accueil_fil_info h4{
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	color: #183047;
	background-color:#F8F8F8;
	font-size:13px;
	border-bottom: solid 2px #183047;
	}

#cadre_fin_info{
	border: solid 1px #183047;
	border-bottom: solid 5px #183047;
	margin:0px;
	width:270px;
	}
	
	#cadre_fin_info .cadre_fin_info_ON a, #cadre_fin_info .cadre_fin_info_OFF a {
		font-size:11px;
		color:#303030;
		font-weight:bold;
		}
	
	#cadre_fin_info .cadre_fin_info_ON a:hover, #cadre_fin_info .cadre_fin_info_OFF a:hover {
		font-size:11px;
		color:#303030;
		text-decoration:none;
		font-weight:bold;
		}

.cadre_fin_info_ON{
	font-size:12px;
	background-color:#E8EDF1;
	border-bottom:solid 1px #95b9db;
	padding:1px 4px;
	color:#000000;
	}

.cadre_fin_info_OFF{
	font-size:12px;
	background-color:#FFFFFF;
	border-bottom:solid 1px #95b9db;
	padding:1px 4px;
	color:#000000;
	}

.cadre_fin_info_date{
	font-size:11px;
	}
/***************** Accueil - Actualité ***************/	

#accueil_actualites{
	width:260px;
	margin:5px;
	margin-top:25px;
	padding:2px;
	}

#accueil_actualites h4{
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	color: #336799;
	background-color:#F8F8F8;
	font-size:13px;
	border-bottom: solid 2px #336799;
	}

#cadre_actualites{
	border: solid 1px #336799;
	margin:0px;
	width:260px;
	background-color:#E8EDF1;
	border-bottom: solid 5px #336799;
	}


/***************** Contact ****************************/
#cadre_contactOn{
	position:relative;
	background-color:#cfd9e3;
	margin:2px;
	margin-left:40px;
	width:690px;
	font-size:14px;
	}
	
#cadre_contactOff{
	position:relative;
	margin:2px;
	margin-left:40px;
	width:690px;
	font-size:14px;
	}
	
#nom_contact{
	position:absolute;
	left:0px;
	}	

#email_contact{
	position:absolute;
	left:220px;
	}

#tel_contact{
	position:absolute;
	left:520px;

	}

/********************News*************************/
#contourOn{
	margin-left:50px;
	margin-bottom:25px;
	width:680px;
	background-color:#F0F0F0;
	border:solid 1px #A0A0A0;
	padding:15px 0;
	}

#contourOff{
	margin-left:50px;
	margin-bottom:25px;
	width:680px;
	border: solid 1px #A0A0A0;
	padding:12px 0;
	}	

#photoNews{
	float:left;
	width:210px;
	margin:5px;
	margin-left:15px;
	margin-top:5px;
	padding:0px;
	padding-bottom:10px; 
	}

#texteNews{
	margin-left:220px;
	width:420px;
	padding:0px;
	padding-bottom:10px;
	}	
/*Fond Ecran */
#fond_ecran_gauche{
	float:left;
	width:320px;
	margin:5px;
	margin-left:15px;
	margin-top:5px;
	padding:0px;
	padding-bottom:10px; 
	}

#fond_ecran_droite{
	margin-left:330px;
	width:320px;
	margin-top:5px;
	padding:0px;
	padding-bottom:10px;
	}	


/*************** Lieux de cultes **********************/
#eglise{
	margin-left:50px;
	margin-bottom:25px;
	width:680px;
	background-color:#DADADA;
	border: solid 1px #A0A0A0;
	}
	
#reunionHoraire{
	float:left;
	width:400px;
	margin:5px;
	margin-top:15px;
	padding:0px;
	padding-bottom:10px;
	}

#photoEglise{
	margin-left:430px;
	width:220px;
	padding:0px;
	padding-bottom:10px;
	}
	
#eglisePlan{
	margin-left:50px;
	margin-bottom:45px;
	width:680px;
}
/******************************************************/
/* admin */
#sous_menu{ 
	width:148px; 
	background-color:#cfd9e3;
	margin:0px; 
	margin-left:4px; 
	margin-bottom:30px; 
	margin-top:30px;
	border:solid 1px #FFFFFF;
	}