/*-------------------------------------------------------------------------
---------------------------------------------------------------------------
---------------------------------------------------------------------------
							[ STYLE EMMAUS ]
---------------------------------------------------------------------------
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/

body{
	background-image:url(images/general/back_body.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color:#62636a;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#global{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -512px;
	width: 1024px;
	background-image:url(images/general/back_global.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a{
	cursor: pointer;
	outline: none;
}

/*---------------------------[ MENU ]------------------------------------*/

#menu{
	margin:240px 0px 0px 112px;
	width: 800px;
	height: 52px;
	padding: 0px;
}

		#menu ul{
			margin: 0px;
			padding: 0px;
		}
		
		#menu li{
			list-style-type:none;
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
		#menu a{
			display: block;
			height: 52px;
			margin: 0px;
			padding: 0px;
			border: none;
			text-align: center;
		}
		
					#menu a:hover{
						background-image: url(images/general/menu2.jpg);
					}
			
			#menu a span{
				display: none;
			}
			
			#menu a#l_actu{
				width: 125px;
			}
			
					#menu a#l_actu:hover{
						background-position: 0px 0px;
					}
					
			#menu a#l_emma{
				width: 112px;
			}
			
					#menu a#l_emma:hover{
						background-position: -125px 0px;
					}
					
			#menu a#l_comp{
				width: 189px;
			}
			
					#menu a#l_comp:hover{
						background-position: -237px 0px;
					}
					
			#menu a#l_acte{
				width: 130px;
			}
			
					#menu a#l_acte:hover{
						background-position: -426px 0px;
					}
			
			#menu a#l_part{
				width: 146px;
			}
			
					#menu a#l_part:hover{
						background-position: -556px 0px;
					}
					
			#menu a#l_cont{
				width: 98px;
			}
			
					#menu a#l_cont:hover{
						background-position: -702px 0px;
					}
					
/*---------------------------[ autre ]-----------------------------------*/

.ttr_pr{
	width: 209px;
	height: 93px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;

}

#footer{
	width: 800px;
	height: 110px;
	padding: 40px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/general/back_footer.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#2e2e2e;
	clear: both;
}

		#footer ul{
			margin: 0px 0px 0px 110px;
			padding: 0px;
		}
		
		#footer li{
			float: left;
			list-style-type:none;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			font-size:16px;
			font-weight: normal;
		}
		
		#footer a{
			color: #ffffff;
			text-decoration: none;
			margin: 0px 20px 0px 0px;
			border: dashed;
			border-width: 0px 0px 1px 0px;
			border-color: #2e2e2e;
		}
		
		#footer a:hover{
			border-color: #ffffff;
		}
		
		#footer p{
			clear: both;
			text-align: center;
			color: #ffffff;
			font-size: 12px;
			margin: 35px 0px 0px 0px;
			padding:0px;
		}
		
/*---------------------------[ droite ]-----------------------------------*/	
#page_dr{
	width: 267px;
	padding: 0px 0px 300px 0px;
	margin:-60px 0px 0px 533px;
	background-color:#ffffff;
	background-image: url(images/general/back_dr.jpg);
	background-repeat: repeat-y;
	background-position: 16px 0px; 
}



		.ttr_dr, .ttr_dr2{
			width: 267px;
			border: none;
			padding: 0px;
		}
		
		.ttr_dr{
			margin: 0px;
		}
		
		.ttr_dr2{
			margin: 30px 0px 0px 0px;
		}
		
		.pht_prod{
			margin: 20px 0px 0px 25px; 
			padding: 0px;
			display: block;
			width: 200px;
			height: 150px;
		}

/*---------------------------[ GAUCHE ]-----------------------------------*/

#page{
	width: 800px;
	margin: 0px 0px 0px 112px;
	padding:31px 0px 0px 0px;
	background-image: url(images/general/back_page.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#ffffff;
}

#page_ga{
	width: 475px;
	background-color: #ffffff;
	padding: 0px 41px 0px 17px;
	margin: 30px 0px 0px 0px;
	float:left;
}
		
		.sep1, .sep2{
			display: block;
			width: 475px;
			height: 22px;
			padding: 10px 0px 0px 0px;
			margin: 0px 0px 10px 0px;
			background-repeat: no-repeat;
			background-position:left bottom;
			background-color:#ffffff;
			clear: both;
		}
		
				.sep1{
					background-image: url(images/general/separation_1.jpg);
				}
				
				.sep2{
					background-image: url(images/general/separation_2.jpg);
				}
				
.img_actu{
	width: 192px;
	height: 144px;
	border: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}

		a.l_img_actu{
				
		}
		
		
/*---------------------------[ TYPO ]-----------------------------------*/
h1{
	font-size: 24px;
	font-weight: bold;
	color:#535988;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

		.lettrine{
			width: 54px;
			height: 55px;
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
		.date_post{
			font-size: 12px;
			color:#484848;
			margin: 0px 0px 0px 54px;
			padding: 0px;
		}
		
h2{
	font-size: 18px;
	font-weight: normal;
	color:#535988;
	margin: 0px 17px 0px 0px;
	padding: 15px 0px 0px 0px;
}		

.float{
	clear:both;
}

h3{
	font-size: 14px;
	font-weight: bold;
	color:#535988;
	margin: 0px 17px 0px 0px;
	padding: 15px 0px 0px 0px;
}	
		

.para_1, .para_2, .para_3,.para_4,.para_5{
	font-size: 13px;
	font-weight: normal;
	color: #484848;
	text-align: justify;
}

		.para_1{
			margin: 20px 0px 0px 0px;
		}
		
		.para_2{
			padding: 0px 17px 0px 0px;
		}
		
		.para_3{
			padding: 0px 17px 0px 0px;
			margin: 0px 0px 20px 0px;
		}
		
		.para_5{
			margin: 5px 0px 5px 0px;
			padding: 0px;
		}
		
.liste_1{
	font-size: 13px;
	font-weight: normal;
	color: #484848;
	text-align: justify;
}

		.liste_1 li{
			margin: 10px 0px 10px 0px;
		}

b{
	color: #535988;
	font-weight: bold;
}

/*---------------------------[ block ]-----------------------------------*/
.block, .block2{
	background-image:url(images/general/back_block.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 0px;
}

		.block{
			margin: 0px;
		}
		
		.block2{
			margin: 0px 0px 30px 0px;
		}


/*---------------------------[ supprimer ]-------------------------------*/

.a_sup{
	display:block;
	height: 20px;
	width: 180px;
	clear: both;
	background-image:url(images/general/sup.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 14px;
	color:#f5b7b7;
	text-decoration:none;
}

		.a_sup:hover{
			background-position: 0px 0px;
			color:#c82020;
		}

/*-------------------------------------------------------------------------
							[ * ACTUALITES * ]
-------------------------------------------------------------------------*/

.inp_news{
	width: 250px;
}

.mini_dr{
	width: 200px;
	height: 150px;
	border: none;
	padding: 0px;
}

#admin_box_actu{
	width: 395px;
	height: 353px;
	background-image:url(images/general/back_admin.jpg);
	background-repeat: no-repeat;
	margin:0px;
	padding:55px 50px 0px 30px; 
}

.area, .t_area, .chx_pht{
	
}

	.area{
		width: 395px;
		margin: 0px 0px 0px 0px;
	}
	
	.t_area{
		width: 395px;
		height: 100px;
		margin: 0px 0px 0px 0px;
	}
	
	.chx_pht{
		width: 395px;
		margin: 0px 0px 20px 0px;
	}
	
#admin_box2{
	width: 224px;
	height: 353px;
	background-image:url(images/general/back_admin_small.jpg);
	background-repeat: no-repeat;
	margin:30px 0px 0px 0px;
	padding:55px 33px 0px 10px; 
}

	.chx_pht2{
		margin: 0px 0px 20px 0px;
	}
	
.valider{
	display:block;
	height: 20px;
	width: 60px;
	background-image:url(images/general/valider.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	margin: 10px 0px 0px 170px;
	padding: 0px 0px 0px 20px;
	font-size: 14px;
	font-weight: bold;
	color:#d48200;
	text-decoration: none;
	text-align: right;
	line-height: 18px;
}

		a.valider:hover{
			color:#ffb643;
			background-position: 0px 0px;
		}

/*-------------------------------------------------------------------------
							[ * EMMAUS * ]
-------------------------------------------------------------------------*/
.sign{
	width:200px;
	height:70px;
	margin: 20px 0px 20px 137px;
	border:none;
}


/*-------------------------------------------------------------------------
							[ * COMPAGNONS * ]
-------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------
							[ * PARTENARIATS * ]
-------------------------------------------------------------------------*/
.liste_2{
	width: 475px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: normal;
	color: #484848;
}
		.liste_2 li.ga{
			list-style-type: none;
			margin:0px;
			padding: 0px;
			width:350px;
			float:left;
		}
		
		.liste_2 li.dr{
			list-style-type: none;
			margin:0px;
			padding: 0px;
			width:125px;
			text-align: right;
			float: left;
		}

.lien_1{
	color:#d48200;
	text-decoration: none;
}		
		a.lien_1:hover{
			color:#ffb643;
		}

.area2{
	width: 140px;
}

.t_area2{
	width: 395px;
	height: 50px;
}

.area4{
	width: 395px;
}

.liste_3{
	width: 395px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: normal;
	color: #484848;
}
		.liste_3 li.ga{
			list-style-type: none;
			margin:5px 0px 5px 0px;
			padding: 0px;
			width:200px;
			float:left;
			text-align: right;
		}
		
		.liste_3 li.dr{
			list-style-type: none;
			margin:5px 0px 5px 0px;
			padding: 0px;
			width:195px;
			text-align: right;
			float: left;
		}
		
.liste_4{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
		.liste_4 li{
			list-style-type: none;
			margin: 10px 0px 0px 0px;
			padding: 0px;
			font-size: 13px;
		}
	
		
/*-------------------------------------------------------------------------
							[ * ETRE ACTEUR * ]
-------------------------------------------------------------------------*/
.liste_5, .liste_6{
	padding: 0px;
	width: 475px;
}

	.liste_5{
		font-size: 14px;
		margin: 5px 0px 0px 0px;
	}
	
	.liste_6{
		font-size: 18px;
		margin: 5px 0px 60px 0px;
		display: block;
	}
	
	.liste_5 li, .liste_6 li{
		width: 237px;
		float: left;
		list-style-type:none;
		margin: 5px 0px 5px 0px;
		padding:0px;
	}
	
	
	
.pht_1{
	border: none;
	width: 433px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.phtActeur2{
	width: 192px;
	height: 256px;
	border: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: left;
}

.marg{
	margin: 0px 0px 20px 240px;
	display:block;
}

/*-------------------------------------------------------------------------
							[ * CONTACT * ]
-------------------------------------------------------------------------*/
.plan ,.phtActeur1{
	width: 475px;
	border: none;
	padding:0px;
}

		.phtActeur1{
			height:356px;
		}
		
		.aActeur1{
			width:475px;
			height:356px;
			border:none;
			margin: 20px 0px 20px 0px;
		}
		
		.plan{
			height: 335px;
			margin: 20px 0px 20px 0px;
		}


/*-------------------------------------------------------------------------
							[ * LOGIN * ]
-------------------------------------------------------------------------*/
#global_admin{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -512px;
	width: 1024px;
	background-image: url(images/login/back_admin.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:876px;
}


#admin_box3{
	position: absolute;
	top: 250px;
	left: 450px;
	width: 395px;
	height: 353px;
	background-image: url(images/login/back_box.png);
	background-repeat: no-repeat;
	margin:0px;
	padding:55px 50px 0px 30px; 
}

		#admin_box3 ul{
			margin:0px 0px 0px 0px;
			padding: 0px;
			font-size: 18px;
			color: #ffffff;
			position:absolute;
			top: 170px;
			left:100px;
		}
			#admin_box3 li{
				list-style-type: none;
				text-align: right;
				margin: 5px 0px 5px 0px;
				padding: 0px;
			}