a:link {color:#9fa0a3;}
a:visited {color:#9fa0a3;}
a:hover {color:#781c7f;}
a:active {color:#9fa0a3;}
a:link {text-decoration:none;}


h1{
	font-size:13px;
	color:#9fa0a3;
	text-align:center;
	margin-top:30px;
	font-family:"Arial";
	font-size:16px;
	border:0;
	outline:0;
	text-align:justify;
}

h2{
	font-size:12px;
    margin-top:-0.8em;
    color:#781c7f;
    text-align:center;
    font-family:"Arial";
    font-size:15px;
    outline:0;
    text-align:justify;
}
h2.contact.adresse{
	text-align:justify;
	
}
/* Position global*/


#page{
	padding-top:100px;/*position en hauteur*/
	width:850px;
	height:630px;
	background-image:url('../img/structures/background-contact.png');
	background-repeat:no-repeat;
	background-position: -1px 50px;
	
	margin:auto; /* centrer la page*/
	/*background-color:#808080;*/
	
}



#liens-sup{
	position: relative;
	top:-30px;
	left:660px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	z-index: 1; 
}


#liens-bottom{
	position: relative;
	top:500px;
	left:555px;
	z-index: 1;
	width:310px;
	
}	
	
/*Liens autres structures*/




.autrechose{
	position:relative;
	height:40px;
	width:150px;	
	top:0px;
	left:0px;	
}

.autrechose a{
	background:url(../img/logos/logo_autrechose.png); 
 	display:inline-block; 
 	font-size:0px; 
 	height:40px; 
 	width:150px;
 	background-repeat:no-repeat;	
}
.autrechose a:hover {
 	background:url(../img/logos/logo_autrechose_o.png);
 	background-repeat:no-repeat;
 	}
 	
.bedigital{
	
	position:relative;
	top:0px;
	left:0px;
	height:40px;
	width:150px;
}

.bedigital a{
	background:url(../img/logos/logo_bedigital.png); 
	background-repeat:no-repeat;
 	display:inline-block; 
 	font-size:0px; 
 	height:40px; 
 	width:150px;	
}
.bedigital a:hover {
 	background:url(../img/logos/logo_bedigital_o2.png);
 	background-repeat:no-repeat;
 	}
 	
 		
.copyright{
	
	position: relative;
	top:500px;
	left:400px;
	
	font-size:9px;
	color:#9fa0a3;
	text-align:center;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bolder;
	}





#pageContent{
	
	position:relative;	
	margin:auto;
	width:740px;
	height:575px;
	top:-128px;
	right:3px;

}

#up{
	position:relative;
	
}

#zone1{
	position:relative;
	width:490px;
	height:270px;
	top:10px;
	left:26px;

	
}


#zone2{	
	position:relative;
	width:222px;
	height:270px;
	top:-260px;
	left:510px;

	
}


#bottom{
	position:relative;
	top:-240px;
	height:250px;

	
	
}

#zone3{
	position:relative;
	/*background-color:#ffffff;*/
	width:490px;
	height:221px;
	
}

#zone4{
	position:relative;
	/*background-color:#ffffff;*/

	width:222px;
	height:221px;
	top:-200px;
	left:514px;

}

/*Zone 1*/

.adresse {
	position:relative;
	top:10px;
	right:0px;
	
}	

.social {
	position:relative;
	top:-134px;
	left:215px;
	
}
.ben{
	position:relative;
	top:-0px;
}

.steph{
	position:relative;
	top:13px;
	z-index: 1; 
}

.matt{
	position:relative;
	top:30px;
		z-index: 1; 
	
}
.recrut{
	position:relative;
	width:435px;
	top:25px;
	text-align:justify;			
}

.map{
	position:relative;
	top:30px;
	right:-10px;
}


#page-wrap {
	position:relative;
	
}


#titre {
	position:relative;
	color:#781c7f;
	top:10px;
	left:-152px;
	font-family:"Arial";
	font-size:16px;
}



/*Zone 2*/
	

/*Zone 3*/

.titre{
	position:relative;
	top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 20px;
	color:#781c7f;
}

.text{
	position:relative;
	top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold; 
	color:#9fa0a3;
	text-align:justify;
	
}
/*Zone 4*/

ul#liens{
	position: relative;	
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 18px;
	color:#9fa0a3;
	left:25px;
	top:-15px;
	list-style-type:none;
	
}

.suivant{
	right:100px;
}