/****************************************************
*              ELEMENTS DE DIV  	                *
****************************************************/
#container {
	position:absolute;
	background-color:#FFFFFF; /*#FBE9D2;*/

	left:50%;
	width:976px;
	/*height:800px;*/
	margin-left:-488px;
	border: 0px solid #000000;
	margin-top:0px;

}

#bandeau
{
	position:relative;
	background:#F3F3F3 url('../img/newheader.png') no-repeat;
	/*border: 1px solid #000000;*/
	width:976px;
	height:170px;
	z-index:20;
	margin-top:0px;
}

#menu_hor
{
	position:relative;
	float: left;
	margin-left:0px;
	margin-top:0px;
	background:#937176;
	width:976px;
	height:40px;
	vertical-align:middle;
}

#content 
{
  position:relative;
  float: left;
	border: 1px solid #CC6699;
	padding-left:10px;
	padding-right:10px;
	
	padding-top:20px;
  background:#FFFFFF;
  /*border: 1px solid #D8CE9F;*/
  height:400px;
  width: 954px;
}

#illustration 
{
  position:relative;
  float: left;
	
	padding-left:10px;
	padding-top:20px;
  background:#FFFFFF;
  margin-right:20px;
  /*border: 1px solid #D8CE9F;*/
  /*height:400px;*/
  width: 160px;
  height: 210px;
}

#sum-up 
{
	position:relative;
	float: left;
	padding-left:10px;
	padding-top:20px;
	background:#FFFFFF;
	width: 750px;
	height: 210px;
}

#actIcone 
{
	position:relative;
	float: left;
	margin-top:20px;
	padding-top:0px;
	padding-left:10px;
	background:#FFFFFF;
	width: 160px;
	vertical-align:top;
	height: 150px;
}

#actResume
{	
	position:relative;
	float: left;
	margin-top:20px;
	padding-top:0px;
	padding-left:10px;
	background:#FFFFFF;
	width: 750px;
	vertical-align:top;
	height: 150px;
}

#footer
{
	position:relative;
	float: left;
	margin-left:0px;
	margin-top:0px;
	background:#937176;
	width:976px;
	height:20px;
	vertical-align:middle;
}

/*********************************
PAGE Playlist Radio
**********************************/
/* Rollover des boutons du menu */
.btnAccueil {
  display: inline-block;
   width: 47px;
   height: 40px;
   background-image: url(../img/btnAccueilOff.png);
}
.btnAccueil:hover {
   background-image: url(../img/btnAccueilOn.png);
}

.btnPresent {
  display: inline-block;
   width: 150px;
   height: 40px;
   background-image: url(../img/btnPresentOff.png);
}
.btnPresent:hover {
   background-image: url(../img/btnPresentOn.png);
}

.btnBureau {
  display: inline-block;
   width: 150px;
   height: 40px;
   background-image: url(../img/btnBureauOff.png);
}
.btnBureau:hover {
   background-image: url(../img/btnBureauOn.png);
}


.btnContact {
  display: inline-block;
   width: 150px;
   height: 40px;
   background-image: url(../img/btnContactOff.png);
}
.btnContact:hover {
   background-image: url(../img/btnContactOn.png);
}

.btnAgenda {
  display: inline-block;
   width: 150px;
   height: 40px;
   background-image: url(../img/btnCalendOff.png);
}
.btnAgenda:hover {
   background-image: url(../img/btnCalendOn.png);
}

.btnPedibus {
  display: inline-block;
   width: 150px;
   height: 40px;
   background-image: url(../img/btnPedibusOff.png);
}
.btnPedibus:hover {
   background-image: url(../img/btnPedibusOn.png);
}
/****************************************************
*              ELEMENTS DE FONT			            *
****************************************************/
a { text-decoration: none }
A:link {
	font-family:Calibri;
	color:#336699;
}
A:visited {
	font-family:Calibri;
	COLOR: #336699;
}
A:hover {
	COLOR:#66CCFF;
}

.Titre {
	font-family:Calibri;
	font-weight:bold;
	font-size: 14pt;
	color:#000000;
}

.Normal, ul, li {
	font-family:Calibri;
	font-size: 11pt;
	color:#000000;
	text-align:justify;
}

.Center{
	font-family:Calibri;
	font-size: 11pt;
	color:#000000;
	text-align:center;
}