/* CSS Document */
body{
	
	margin:20px 0 0 0;
	
	background-color:#6D1C00;
	background-image:url(http://www.agence2mix.com/squelettes/img/agence2mix-fond.gif);
	background-repeat:no-repeat;
	background-position:top center;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
}
/*Pour gérer la transparence des PNG sous internet explorer*/
.img_png, .image_typo, .spip_logo {
	behavior: url("win_png.htc");
}
a{color:white}
span.spip_documents_left {
	margin-right:15px;
}
img.portfolio{
	border:none;
}
div.rayure{
	background-image:url(http://www.agence2mix.com/squelettes/img/fond-raye-noir.png);
	background-repeat:repeat;
	
	width:auto;
	text-align:center;
}
table.spip td{
	vertical-align:top;
}	
#radioblog{
	width:190px;
	padding:5px;
	background-color:#CCC;
}
/*Cadre général*/
#contenant{
	width:700px;
	margin:0 auto;
	padding:0 0 50px 50px;
}
#contenant #colonne{
	float:left;
	width:230px;
	
	text-align:left;
}
#contenant #page{
	float:right;
	width:470px;
}
/*Les éléments contenus*/

/*Les éléments de la colonne*/
#colonne div.logo{
	margin:0 20px 55px 0;
	height:230px;
	width:210px;
	
	border-bottom:1px solid white;
}
#colonne div.logo img{
	border:none;
}
#colonne #desc_site{
	text-align:right;
	font-size:11px;
	line-height:1em;
	margin:10px 5px 0 0;
	color:black;
}
#desc_site a{
	color:black;
	text-decoration:none;
}
#desc_site a:hover{
	text-decoration:underline;
}
#colonne p.spip{
	color:#E4D4CE;
	font-size:11px;
	
	margin:0 20px 10px 0;
	
	line-height:1em;
}
/**/
#colonne h4{
	text-align:left;
	font-size:12px;
	margin:0;
	
	color:white;
}
#colonne ul{
	margin:0;
	padding:0;
	
	list-style:none;
}
#colonne li{
	font-size:11px;
}
#colonne li a{
	color:white;
}
/*Pied de page*/
#pied{
	width:700px;
	margin:0 auto;
	padding:0 0 5px 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
	text-align:center;
}

/*Les éléments de la page*/
#page #picture_logo{
	width:470px;
	height:150px;
}

#page #menu{
	height:20px;
	margin-top:5px;
	margin-bottom:5px;
}
#page #menu_dj{
	margin-top:0px;
	margin-bottom:5px;
	padding-left:75px
}
#page #menu_dj a{
	color:white;
	text-decoration:none;
}
#page #menu_dj a:hover{
	text-decoration:underline;
}
#menu img{
	border:0;	
}
#menu a span{
	position:absolute;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
}
/* Les liens du menu */
#menu a.lien-accueil{
	display:block;
	width:74px;
	height:20px;
	float:left;
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/01-accueil.png) no-repeat 0 0 ;
}
#menu a.lien-accueil:hover{
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/01-accueil.png) no-repeat 0 -20px ;
}
#menu a.lien-djs{
	display:block;
	width:34px;
	height:20px;
	float:left;
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/02-djs.png) no-repeat 0 0 ;
}
#menu a.lien-djs:hover{
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/02-djs.png) no-repeat 0 -20px ;
}
#menu a.lien-playlists{
	display:block;
	width:67px;
	height:20px;
	float:left;
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/03-playlists.png) no-repeat 0 0 ;
}
#menu a.lien-playlists:hover{
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/03-playlists.png) no-repeat 0 -20px ;
}
#menu a.lien-actualites{
	display:block;
	width:81px;
	height:20px;
	float:left;
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/04-actualites.png) no-repeat 0 0 ;
}
#menu a.lien-actualites:hover{
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/04-actualites.png) no-repeat 0 -20px ;
}
#menu a.lien-mp3{
	display:block;
	width:36px;
	height:20px;
	float:left;
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/05-mp3.png) no-repeat 0 0 ;
}
#menu a.lien-mp3:hover{
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/05-mp3.png) no-repeat 0 -20px ;
}
#menu a.lien-liens{
	display:block;
	width:42px;
	height:20px;
	float:left;
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/06-liens.png) no-repeat 0 0 ;
}
#menu a.lien-liens:hover{
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/06-liens.png) no-repeat 0 -20px ;
}
#menu a.lien-photos{
	display:block;
	width:55px;
	height:20px;
	float:left;
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/07-photos.png) no-repeat 0 0 ;
}
#menu a.lien-photos:hover{
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/07-photos.png) no-repeat 0 -20px ;
}
#menu a.lien-contact{
	display:block;
	width:81px;
	height:20px;
	float:left;
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/08-contact.png) no-repeat 0 0 ;
}
#menu a.lien-contact:hover{
	background:transparent url(http://www.agence2mix.com/squelettes/img-menu/08-contact.png) no-repeat 0 -20px ;
}
/***************************************/
/* Les liens du menu */
#page #texte{
	
}
#texte h1{
	margin-bottom:5px;
}
#texte h3.spip{
	font-size:16px;
	color:white;
}
#texte p.spip{
	font-size:12px;
	color:white;
	line-height:1.15em;
	text-align:justify;
}
#texte a.spip_in,#texte a.spip_out{
	color:white;
}
#texte .spip_documents_left{
	margin: 0 10px 5px 0;
}
#texte #smenu{
	margin:0 0 10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
}
#smenu a.spip_ancre{
	color:white;
	text-decoration:none;
}
#smenu a.spip_ancre:hover{
	text-decoration:underline;
}
/* DIAPORAMA */
div.diaporama{
	width: 460px;
	padding: 10px 5px 10px 5px;
	margin:5px auto 20px auto;
    text-align:left;
}
div.diaporama a{
	padding:0;
	margin:0;
	border:0;
}
a.link_rb{color:black}
a.link_rb:hover{font-weight:bold}