@charset "UTF-8";
/*Pour les Iframes de leromandie.ch */
/* tous les éléments */
*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
body{
	color: #ccc;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	background-color: #262626;
	width:720px;
	padding:0 10px;
}
body#prog{
	width:515px;
}
body#bb{
	width:680px;
}
ul{
	list-style-type:none;
}
input,
textarea,
select{
	position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6{
	text-transform:uppercase;
	color: #ccc;
	margin-bottom:15px;
}
a:link,
a:visited,
a:hover,
a:active{
	font-style:normal;
	text-decoration:none;
	color:#ddd;
}
#staff li{
}
a:hover{
	color:#fff;
}
/* submenu */
#submenu{
	line-height:1.8em;
}
#submenu li{
	display:inline-block; !important
	display:inline;
}
#submenu li.back{
	display:block;
}
#submenu a{
	border:none;
	height:20px;
	margin-left:2px;
	background:#262626 url(../__layout/__static/submenu_bg.jpg) repeat-x left top;
	padding:3px 7px;
}
#submenu a:hover{
	background-position:left -5px;
}
#submenu li.selected a{
	background:none;
	color:#fff;
}
/* pour babyrock */
#bb h2{
	margin-bottom: 3px;
	margin-top: 3px;
}
#bb h1{
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin:20px 0 10px;
}
#bb h2{
	font-size:1em;
	font-weight: bold;
	text-transform: uppercase;
	color:#d00;
}
#bb select{
	max-width:500px;
}
#event{
	padding:15px 0;
}
#event h1,
#event h2{
	margin:0;
	padding:0;
	font-size:1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color:#dd0;
}
#event h2{
	font-size:1em;
}

#inscription h1{
	margin-bottom: 3px;
	margin-top: 3px;
}
#inscription li{
	margin-bottom: 6px;
}
#inscription input{
	margin-right: 5px;
}

/*Pour la iframe staff*/

#staff{
	padding: 6px;
	height: 95%;
	width: 95%;
}#staff  h1 h3{
	font-weight: bold;
	margin-bottom: 5px;
}
#staff li{
	font-size: 1.1em;
	list-style-type: none;
	margin-bottom: 5px;
}
#staff form{
	margin-top: 15px;
	margin-bottom: 6px;
}
#all{
	width: 680px;
	height: auto;
	position: relative;
	left: 15px;
	padding-bottom:25px;
}
#all strong{
	text-decoration: underline;
}
#inscription td{
	padding-bottom: 2px;
	vertical-align:top;
}
#staff #all td{
	padding-bottom: 3px;
}

/* le programme pour ton frigo */
#prog form,
#prog h1{
	margin:15px;
}
#prog p{
	margin:3px;
}
#prog_mois,
#prog_style{
	margin-bottom:10px;
}

#prog_mois li,
#prog_style li{
	display:inline;
	padding:2px;
	margin:2px;
}
#prog_mois li.index,
#prog_style li.index{
	display:block;
	color:#f00;
	font-weight:bold;
}

/*Page contact (adresse physique/web/etc...)*/

#contact{
	position:absolute;
	left:12px;
	top:16px;
	width:240px;
	z-index:1;
}
#gmap {
	position: absolute;
	top: 14px;
	left: 268px;
}
#romgmap{
	width:400px;
	height:400px;
	float:right;
	overflow:hidden;
	margin-left:10px;
}
#romgmap,
#romgmap a{
	color:#333;
}
#romgmap a{
	border-bottom:1px dotted #333;
}
/*Page liens techniques....*/
#technique{
	position:absolute;
	left:12px;
	top:16px;
	width:679px;
	height:427px;
	z-index:1;
}
#bonnard{
	font-weight:lighter;
}
#bonnard input{
	display:block;
	margin:3px;
}
#bonnard {
	text-transform: none;
	font-style: normal;
}
#bonnard h2{
	color:#fc0;
	margin-bottom:5px;
}
#bonnard p{
	font-size:0.9em;
	margin-bottom:30px;
}
/*Page transports TL*/
#transports{
	position:absolute;
	left:12px;
	top:16px;
	width:679px;
	height:427px;
	z-index:1;
}
#gmap_transports {
	position: absolute;
	top: 159px;
	left: 419px;
}
#transports #logo_tl {
	height: 50px;
	width: 50px;
	position: absolute;
	left: 308px;
	top: 158px;
}
#transports #logo_pyjama {
	height: 50px;
	width: 92px;
	position: absolute;
	top: 306px;
	left: 283px;
}
#transports .box {
	height: auto;
	width: 600px;
	margin-left: 15px;
	float: left;
	margin-bottom: 25px;
	padding: 5px;
}
#transports #TL {
	height: 150px;
	width: 650px;
}
#transports #pyjama {
	height: 200px;
	width: 650px;
}
#transports h3 {
	margin-left: 15px;
	float: left;
	clear: left;
}
#transports h2 {
	margin-left: 15px;
}
/*Page Goodies*/


/* pour l'iframe goodies */
#goodies{
	position:absolute;
	left:12px;
	top:16px;
	width:679px;
	height:427px;
	z-index:1;
}

/* pour le logo dailymotion */
#LogoDailymotion {
	width: 200px;
	position: absolute;
	left: 85px;
	top: 223px;
}

/* pour le logo Facebook */
#LogoFacebook {
	width: 200px;
	position: absolute;
	left: 372px;
	top: 119px;
}

/* pour le logo Myspace */
#LogoMyspace {
	width: 200px;
	position: absolute;
	left: 406px;
	top: 224px;
}

/* pour le logo Virb */
#LogoVirb {
	width: 200px;
	position: absolute;
	left: 360px;
	top: 326px;
}

/* pour le logo Youtube */
#LogoYoutube {
	width: 200px;
	position: absolute;
	left: 117px;
	top: 112px;
	
}

/* pour le logo last.fm */
#lastfm {
	width: 200px;
	position: absolute;
	left: 100px;
	top: 320px;	
}


/*Pour les links*/


#lrc {
	position: absolute;
	left: 12px;
	top: 16px;
}
#lrc h2{
	color:#dd0;
}
#partenaires{
	position: absolute;
	left: 12px;
	top: 150px;
}
#partenaires h2{
	color:#dd0;
}
#boire{
	position: absolute;
	left: 360px;
	top: 150px;
}
#boire h2{
	color:#dd0;
}
#medias{
	position: absolute;
	left: 360px;
	top:16px;
}
#medias h2{
	color:#dd0;
}
#copains{
	position: absolute;
	left: 12px;
	top: 350px;
}
#copains h2{
	color:#dd0;
}
/* gallery */
#rg_gal{
}
a.galitem{
	border:none;
}
a.galitem.hidden{
	display:none;
}

/*Ils parlent de musique*/


#Logo_sonotone {
	width: 200px;
	position: absolute;
	left: 150px;
	top: 119px;
}

/* pour le logo Lordz of rock */

#Logo_lordz {
	width: 200px;
	position: absolute;
	left: 100px;
	top: 260px;
}

/* pour le logo Myspace */

#Logo_schenk {
	width: 200px;
	position: absolute;
	left: 350px;
	top: 200px;
}

/* band details */
#b_detail{
	width:470px;
}
#b_detail img{
	max-width:470px;
}
ul.band li{
	margin-bottom:10px;
}