/*  reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;
font-weight: inherit;font-style: inherit;
font-size: 100%;font-family: inherit;
vertical-align: baseline;background: transparent;}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
/*fin reset*/







body {
background: #fff url("../img/noir_beige.gif") top repeat-x;
text-align:center;
font-family: Arial, Helvetica, sans-serif ;
font-size:14px;
color:#333;
}
h1{margin-left:-9999px;position:absolute;}
h2 {
font-size:16px;
font-weight:bold;
margin-bottom:15px;
background:#e6e0cc;
color:#222;
padding:6px;
width:280px;

}
pre{clear:both;}
#general{
margin-left:auto ;
margin-right:auto ;
width:860px;
text-align:left;
}



#intro{
	
	width:860px;
	height:400px!important;
	/*height:430px;*/
	
	
	font-family:georgia;
	font-style:italic;
	font-weight:bold;
	padding-top:30px;
	}
	
.verre{
	background: url("../img/verre.jpg") bottom right no-repeat;
	}
	#intro #logo{
	margin-left:-36px;
	margin-bottom:26px;
	}
	
	#intro img{
	display:block;
	}
	
	#intro p{
	width:450px;
	color:#959595;
	font-size:15px;
	line-height:26px;
	padding-bottom:30px;
	position:relative!important;
	/* position:absolute;*/
	
	}
	#intro #p_annuaire{ 
	position:relative!important;
	position:absolute;
	margin-top:0!important;
	margin-top:-150px;
	}
	
	#intro #intro-btn{
	text-decoration:none;
	margin-left:280px;
	background: url("../img/sprite_btns.jpg") no-repeat 0px 0px;     
	/*background: url("../img/sprite_btns.jpg") no-repeat 20px 2px;     
	width:auto!important;
	width:265px;
	height:40px;*/
	padding:11px 10px 13px 35px;
	/*padding:13px 10px 13px 35px;*/
	font-size:13px;
	color:#aa7f86;
	/*position: relative;*/
	display:block;

	}
		#intro #intro-btn:hover{
		background:url("../img/sprite_btns.jpg") no-repeat 0px -40px;
		}
	
	#intro #map{
	float:right;
	
	
	}
#contenu{
height:550px;
line-height:20px;


}


/*-------------------------------------------------------------------------------------*/
/*                                           colonne de gauche                                       */
/*-------------------------------------------------------------------------------------*/
	#contenu #col_gche{
	width:600px;
	margin-top:50px;
	float:left;


	}
		#contenu #col_gche #par_action{
		margin-top:50px;
		
		}

			#contenu #col_gche #par_action div{
			margin-left:-30px!important;
			margin-left:-60px;
			height:100px;
			margin-top:30px;
			}
			#contenu #col_gche #par_action p{
			float:left;
			width:260px;
			border-left:#d1afb5 1px solid;
			margin-left:30px;
			padding-left:15px;
			}

/*-------------------------------------------------------------------------------------*/
/*                                           colonne de droite                                        */
/*-------------------------------------------------------------------------------------*/
	#contenu #col_drte{
	float:left;
	}
			#contenu #col_drte  #btn_annuaire a{
			margin-top:20px;
			display:block;
			background:url("../img/sprite_btns.jpg") no-repeat -1px -81px;
			padding:13px 0px 18px 65px;
			text-decoration:none;
			color:#e5e5e5;
			font-family:lucida sans unicode;
			line-height:20px;
			}
			#contenu #col_drte  #btn_annuaire a:hover{
			background:url("../img/sprite_btns.jpg") no-repeat -1px -153px;
			
			}
		#contenu #col_drte #login{
		width:260px;
		height:220px!important;
		height:263px;
		background:#f4f2eb;
		margin-top:12px;
		padding-top:40px;
		}

			#contenu #col_drte #login #login_box{
			height:154px!important;
			height:214px;
			width:223px;
			margin-left:18px;
			padding-top:58px;
			background:url("../img/login-box.jpg") no-repeat 0 0;
			}

				#contenu #col_drte #login #login_box input{
				height:26px;
				width:192px;
				margin:16px 0px 0px 14px;
				font-family:lucida;
				font-size:13px;
				color:#aaaaaa;
				border:none;
				background:none;
				}
					#contenu #col_drte #login #login_box #btn_connection{
					cursor:pointer;
					width:121px;
					height:30px;
					padding-left:10px;
					background:url("../img/sprite_btns.jpg") no-repeat 0px -225px;
					text-align:left;
					font-size:13px;
					color:#222;
					margin-left:90px;
					
					}
					#contenu #col_drte #login #login_box #btn_connection:hover{
					color:#000;
					background:url("../img/sprite_btns.jpg") no-repeat -121px -225px; 
					}
	
				
				
#contenu_annuaire{
margin-top:40px;

width:900px;
margin-left:-40px!important;
margin-left:-80px;
height:530px;
}
	#contenu_annuaire div{
	width:260px;
	height:90px;
	border-bottom:1px solid #e1e1e1;
	font-size:13px;
	font-family:lucida sans unicode;
	float:left;
	margin-top:25px;
	margin-left:40px;
	}
		#contenu_annuaire div img{
		float: left;
		border:1px solid #e3e3e3;
		margin-right:10px;
		}
		#contenu_annuaire div p{
		color:#888888;
		}
		#contenu_annuaire div h3{
		color:#333;
		font-weight:bold;
		margin:8px 0px 8px 0px;
		}
		#contenu_annuaire div font{
		font-size:12px;
		color:#9d404f;
		background:url("../img/fleche_details.gif") right no-repeat;
		padding-right:15px;
		cursor:pointer;
		}
	#nav{
	font-size:13px;
	text-align:center;
	margin-bottom:60px;
	color:#333;
	line-height:0px;
	}
		#nav li{
		display:inline;
		height:30px;
		margin:-2px;
		}
			#nav li a,#nav li font{
			background:#f0ecdb;
			padding:7px 30px;

			}
			#nav li a{
			background:#712935 url("../img/sprite-fleche.gif") no-repeat top left;
			color:#fff;
			text-decoration:none;
			
			}
			#nav li  #next{
			background:#712935 url("../img/sprite-fleche.gif") no-repeat bottom right;
			
			}
/*-------------------------------------------------------------------------------------*/
/*                                            Dedails                                                    */
/*-------------------------------------------------------------------------------------*/
.btn_details{
text-decoration:underline;
cursor:pointer;

}
#overlayBg{
position: absolute;
background-color: white;
top: 0;
left: 0;
z-index: 3;
display:none;
}
#pop{
position: absolute;
z-index: 4;
border:#e2e2e2 solid 4px;
text-align:left;
background:#fff;
width:725px;
display:none;
}
#details img{
border:#e2e2e2 1px solid;
float:left;
margin:15px 0 15px 15px;
}
#details .close_edit{
padding:0;
float:right;

margin:0 0 0 15px;

}
#details #details_text{
float:left;
width:470px;
margin:15px 0 15px 15px;

}
#details h1 {
font-family:lucida sans unicode;
font-size:20px;
color:#222;
padding-bottom:15px;
/*z-index:1;*/
margin-left:0;
position:relative;
width:445px;
}

#details span {
background:#888;
font-size:13px;
font-weight:bold;
color:#fff;
padding:2px;
}
#details p {
text-align:justify;
width:450px;
padding-top:15px;

}

.close_edit{
cursor:pointer;
float:right;
color:#fff;
background:#FA3B3B;
padding:10px;
/*
z-index:2;
position:relative;
*/
}
#details_footer{
margin-left:auto ;
margin-right:auto ;
text-align:left;
width:725px;
padding-bottom:20px;
background:#000;
}
	#details_footer a{
	color:#712935;
	text-decoration:none;
	}
	#details_footer #exept_president{
	margin-left:0px;
	}

	#details_footer dl{
	float:left;
	font-size:14px;
	line-height:20px;
	padding:16px 0px 10px 15px;
	width:210px;
	}

	#details_footer dl dt{
	color:#ccc;
	font-weight:bold;
	
	}

	#details_footer dl dd{
margin-top:8px;
	color:#999;
	}


/*-------------------------------------------------------------------------------------*/
/*                                            Footer                                                     */
/*-------------------------------------------------------------------------------------*/
#fond_footer{
background:#f4f2eb url("../img/ligne_footer.gif") top repeat-x; 

}
#footer{
margin-left:auto ;
margin-right:auto ;
text-align:left;
width:860px;
padding-bottom:20px;
}
	#footer a{
	color:#712935;
	text-decoration:none;
	}
	#footer #exept_president{
	margin-left:0px;
	}

	#footer dl{
	float:left;
	width:260px;
	font-size:13px;
	color:#666;
	line-height:22px;
	margin:20px 0px 0px 40px;
	padding-bottom:35px;
	}

	#footer dl dt{
	font-size:15px;
	color:#222;
	font-weight:bold;
	border-bottom:#e2dfd2 1px solid;
	padding-bottom:13px;
	}

	#footer dl dd{
	border-top:#fff 1px solid;
	padding-top:13px;
	}
	#footer #copline{
	clear:both;
	border-top:#a4a4a4 solid 1px;
	padding-top:13px;
	font-size:10px;
	color:#67645a;
	}
		#footer #copline ul li{
		float:left;
		margin-left:25px;
		}
		
		#footer #copline #copyright{
		float:left;
		margin-left:-25px!important;
		margin-left:-50px;
		
		}
		#footer  #copline #menu{
		float:right;
		color:#712935;
		}