/* CSS Document */
*{margin:0px; padding:0px;}
html, body {
	height:100%;
	width:100%;
}
body{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background: url(../interface/fond-accueil3.jpg) no-repeat center top;
}


#global {
	width:100%;
	min-height:523px;
	height:auto!important;
	height:523px;
	margin-left:auto;
	margin-right:auto;
	background: url(../interface/fond-accueil-centre.jpg) no-repeat center top;
	position:relative;
	z-index:1;
}

#flash {
	width:100%;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
}

#content {
width:955px;
height:253px;
position:relative;
z-index:1000;
left: 50%; 
margin-left: -477px;
}

.date{
font-family: Arial, Helvetica, sans-serif;
	color: #4E616D;
	font-size: 10px;
	position:absolute;
	top:-54px;
	left:-353px;
}
a {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
a:hover {
	text-decoration:underline;
}

#menu {
	width: 204px;
	height:133px;
	padding-left:124px;
	padding-top:80px;
}

#menu ul{
	list-style:none;
	
}
#menu .webagency a {
	width:193px;
	height:17px;
	display:block;
	text-indent:-99999px;
}

#menu[id] .webagency a {background: url(../interface/menu/accueil2/b1.png);}

#menu[id] .webagency a:hover {
	background: url(../interface/menu/accueil2/b1-over.png);
}

#menu .quisommesnous a {
	width:204px;
	height:23px;
	display:block;
	text-indent:-99999px;
}
#menu[id] .quisommesnous a {
	background: url(../interface/menu/accueil2/b2.png);
}
#menu[id] .quisommesnous a:hover {
	background: url(../interface/menu/accueil2/b2-over.png);
}

#menu .notredemarche a {
	width:176px;
	height:27px;
	display:block;
	text-indent:-99999px;
}
#menu[id] .notredemarche a {
	background: url(../interface/menu/accueil2/b3.png);
	
}
#menu[id] .notredemarche a:hover {
	background: url(../interface/menu/accueil2/b3-over.png);
	
}


#menu .actualite a {
	width:100px;
	height:29px;
	display:block;
	text-indent:-99999px;
	
}
#menu[id] .actualite a {
	background: url(../interface/menu/accueil2/b4.png);
}
#menu[id] .actualite a:hover {
	background: url(../interface/menu/accueil2/b4-over.png);
}


#menu .choisir a {
	width:204px;
	height:37px;
	display:block;
	text-indent:-99999px;
}
#menu[id] .choisir a {
	background: url(../interface/menu/accueil2/b5.png);
}
#menu[id] .choisir a:hover {
	background: url(../interface/menu/accueil2/b5-over.png);
}


/*--------------------------ZONE-------------------------------------*/
#zone1 {
	position:absolute;
	top:58px;
	left:360px;
	

}
#zone2 {
	position:absolute;
	top:332px;
	left:360px;	

}
#zone3 {
	position:absolute;
	top:58px;
	left:686px;

}
#zone4 {
	position:absolute;
	top:332px;
	left:686px;

}


#footer {
	width:100%;
	background-image: url(../interface/degrade-footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	min-height:217px;
	height:auto!important;
	height:217px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top:10px;
	text-align:center;
	color:#fff;

}
#footer a:hover {
	font-size:10px;
}
/*---------------------------MENU-------------------------------------------*/
.liste{ list-style:none;}

.liste li a{font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4E616D;
	font-size: 12px;
	
	}
.liste li a:hover{
color: #CC0033;
}


/*----zone1----*/
.btn1 {
padding-left:48px;
padding-top:16px;
}

.btn2 {
padding-left:33px;
padding-top:13px;
}
.btn3 {
padding-left:25px;
padding-top:14px;
}
.btn4 {
padding-left:18px;
padding-top:15px;
	
}
/*----zone3----*/
.btn5 {
padding-left:60px;
padding-top:16px;
}
.btn6 {
padding-left:75px;
padding-top:14px;
	
}
.btn7 {
padding-left:60px;
padding-top:14px;

}
/*----zone2----*/
.btn8 {
padding-left:50px;
padding-top:28px;

}
.btn9 {
padding-left:65px;
padding-top:9px;
}
.btn10 {
padding-left:80px;
padding-top:6px;	
}
.btn11 {
padding-left:98px;
padding-top:6px;
}

/*----zone4----*/
.btn12 {
padding-top:19px;

}

.btn13 {
padding-top:6px;
padding-right:28px;
}
.btn14 {
padding-top:7px;
padding-right:60px;	
}


#zone1 ul li{
		
}

#zone2 ul li{

}

#zone3 ul li{


}
#zone4 ul li{
text-align:right;

}
/*---------------menu2---------------------*/
h2.accroches1 {
padding-left:90px;
padding-top:7px;
	
}
h2.accroches1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


h2.testaccroche {
padding-left:90px;
padding-top:7px;
	
}
h2.testaccroche a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}



h2.accroches2 {
padding-left:90px;
padding-top:7px;
}

h2.accroches2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


h2.accroches3 {
padding-left:45px;
padding-top:9px;
	
}

h2.accroches3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

h2.accroches4 {
padding-left:138px;
padding-top:4px;
}

h2.accroches4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

h3.accroches1 a:hover,h3.accroches2 a:hover ,h3.accroches3 a:hover ,h3.accroches4 a:hover  {
	color: #7DF9CD;
	
}
/*---------------------------------LINKEO-------------------------------------*/
#powered a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: none;
}
	
	#powered a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	float: none;
}

#powered img {
	height:15px;
	width:15px;
	vertical-align: middle;
	float: none;
}

#liens_partenaires {
	margin: auto;
	width: 600px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 20px;
}