@charset "UTF-8";
/* CSS Document */

/* @group Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
margin:0; padding:0;
}
tbody{ width: 100%;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
/*
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}
*/
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-style: normal;
}
q:before,q:after {content:"";}

a,
a:active,
a:visited {
color: #2c4b61;
text-decoration: none;
}
img {
behavior: url(/iepngfix2.htc);
}
iframe{ border: 0; }
body{
	padding: 0;
	margin: 0;
	background: #5188af;
	font: 11px arial,  sans-serif;
}
 body { behavior:url("csshover.htc"); }
#page {
	width: 961px;
	padding-left: 29px;
	padding-right: 29px;
	
	margin-right: auto;
	margin-left: auto;
	background: url(/templates/mti/images/fond.jpg) repeat-y;
}
#header{
	margin-top: -5px;
	position: relative;
	width: 901px;
	height: 271px;
	background: url(/templates/mti/images/header.png) no-repeat;
	float: left;
}
p {
margin: 15px;
}
div#radio {
	position: absolute;
	display: block;
	width: 173px;
	height: 165px;
	left: 670px;
	top: 100px;
	background: url(/templates/mti/images/live.png) no-repeat;
}
.replaceByImg {
position: absolute;
left: -3000px;
}
#frequences{
	margin-top: 20px;
	width: 901px;
	color: #fff;
	font-size: 10pt;
	text-align: center;
	float: left;
}
#menu{
	margin-top: 20px;
	width: 873px;
	height: 30px;
	padding: 5px;
	behavior: url(/iepngfix.htc);
	background: url(/templates/mti/images/fond-menu.png) no-repeat;
margin-left: 14px;
	
	
}


#menu li .smenu .top .left {
	width: 9px;
		height: 9px;
	behavior: url(/iepngfix2.htc);
	background: url(/templates/mti/images/corner-tl.png) no-repeat;
}
#menu li .smenu .top .right {
	width: 9px;
		height: 9px;
	behavior: url(/iepngfix2.htc);	
	background: url(/templates/mti/images/corner-tr.png) no-repeat;
}
#menu li .smenu .middle .left ,
#menu li .smenu .middle .right ,
#menu li .smenu .center  {
behavior: url(/iepngfix2.htc);
background: url(/templates/mti/images/center.png);
}
#menu li .smenu .bottom .left {
	width: 9px;
		height: 9px;
	behavior: url(/iepngfix2.htc);
	background: url(/templates/mti/images/corner-bl.png) no-repeat;
}
#menu li .smenu .bottom .right {
	
	width: 9px;
		height: 9px;
	behavior: url(/iepngfix2.htc);
	background: url(/templates/mti/images/corner-br.png) no-repeat;
}

#menu li .smenu {
	display: none;
	position: absolute;
	margin-left: -9px;
	
}
.smenu li {
float: none;
border-bottom: 1px solid #FFF;
}
#menu li:hover .smenu {
	display: block;
}
#menu li{
padding-left: 20px;
padding-right: 20px;
color: #fff;
margin-right: 30px;
font-size: 11pt;
float: left;
display: inline;
border-right: 2px solid #fff;
text-transform: uppercase;
font-weight: bold;
behavior: url(/iepngfix.htc);
width:auto;
}
#menu li ul li{
float: none;
padding: 4px;
border-right: none;
	font-size: 0.8em;
	border-bottom: 2px solid #6aadda;
	display: block;
	width: 97%;
	
/*
border-left: 2px solid #fff;
*/
}

li li a,
#menu li a{
color: #fff;
text-decoration: none;
}

#menu>li>a:hover,
#menu>li.current>a{
color: #e30720;
}



#menu li li.current a{
color: #e30720;
}


#menu .antenne{
background: url(/templates/mti/images/LOGO1.png) no-repeat;
}
#menu .music{
background: url(/templates/mti/images/LOGO2.png) no-repeat;
}
#menu .contact{
background: url(/templates/mti/images/LOGO6.png) no-repeat;
}
#menu .infos{
background: url(/templates/mti/images/LOGO4.png) no-repeat;
}
#menu .medias{
background: url(/templates/mti/images/LOGO5.png) no-repeat;
}
#menu .jeux{
background: url(/templates/mti/images/LOGO3.png) no-repeat;
}
.ssmenu li{
width: 200px;
}
#bandeauHaut,
#header .flash,
#header .flash embed{

z-index: -2;
}
#content{
float: left;
z-index: 10;
width: 901px;
}
#footer{
margin-top: 40px;
float: left;
width: 861px;
background: #5188af;
padding: 20px
}
#footer ul li{
text-transform: uppercase;
color: #fff;
text-align: right;
padding-right: 2px;
}
#footer div {
float: left;
}
#footer div.s_menus {
margin-left: 50px;

}
#footer ul {
	font-size: 1.1em;
	padding-right: 5px;
	padding-top: 10px;
	border-right: 1px solid #fff;
}
#footer ul li{
	margin-top: 2px;
}
#footer h3 {
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
text-align: right;
color: #e30720;
}
#footer .slogan img{
float: right;
margin-right: 90px;
display: inline;
}

#footer .slogan{
float: right;
width: 350px;
}

#footer .slogan h3{
	color: #6c9abb;
	font-size: 3em;
	text-transform: uppercase;
	
}
#footer .legale{
	text-transform: uppercase;
	color: #fff;
	clear: right;
	float: right;
	width: 200px;
	margin-top: 30px;
	text-align: right;
}
	
	
#content {
padding: 0px;
}
#content table.bloc{
width: 420px;
float: left;
display: inline;
font-size: 12px;
margin: 20px 0px 0px 20px;
}
#content table.right{
float: right;
clear: right;
}
#content table.bloc_1_1 .head .title,
#content table.bloc_1_1{
width: 860px !important;
}
#content table.bloc_1_2 .head .title,
#content table.bloc_1_2{
width: 420px !important;
}
#content table.bloc_1_3 .head td.title,
#content table.bloc_1_3{
width: 280px !important;
}
#content table.bloc_2_3 .head .title,
#content table.bloc_2_3{
width: 560px !important;
}


#content .bloc .content td{


background: #5188af;
}
#content .bloc .head .title h1{
font-size: 14px;
color: #fff;
}
#content .bloc .head .title{


height: 32px;
behavior: url(/iepngfix.htc);
background:  url(/templates/mti/images/info_h1_title.png) repeat-x;
}
#content .bloc .head .right{

height: 32px;
width: 10px;
behavior: url(/iepngfix.htc);
background:  url(/templates/mti/images/info_h1_right.png) 0px 0 no-repeat;
}
#content .bloc .head .left{

height: 32px;
width: 10px;
background: url(/templates/mti/images/info_h1_left.png) 0px 0 no-repeat;
behavior: url(/iepngfix.htc);
}
#content .bloc .foot .right{
height: 8px;
width: 10px;
background:  url(/templates/mti/images/info_tr_foot_right.png) no-repeat;
behavior: url(/iepngfix.htc);
}

#content .bloc .foot .center{
height: 8px;

background:  url(/templates/mti/images/info_tr_foot_center.png) repeat-x;
behavior: url(/iepngfix.htc);
}

#content .bloc .foot .left{
height: 8px;
width: 10px;
background:  url(/templates/mti/images/info_tr_foot_left.png) no-repeat;
behavior: url(/iepngfix.htc);
}

#live_click{
position: absolute;
z-index: 2000;
display: block;
width: 100px;
height: 100px;
top: 125px;
left: 725px;
}
a.button_150{
line-height: 32px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
height: 32px;
width: 150px;
display: block;
float: left;
margin: 10px 30px;
background:  url(/templates/mti/images/button-150.png) no-repeat;
behavior: url(/iepngfix.htc);
}

body#radio{
	width: 770px;
	height: 715px;
	background: url(/templates/mti/images/player_background.png) no-repeat;
}

body#radio #back{
position: absolute;
top: 190px;
left: 20px;
width: 441px;
height: 361px;

background: url(/templates/mti/images/player_inside.png) no-repeat;
behavior: url(/iepngfix2.htc);
}
body#radio #howto{
position: absolute;
top: 190px;
left: 20px;
padding:0;
}
body#radio #howto_slide {
margin: 0px 0 0 0;
padding: 20px;
width: 441px;
height: 361px;
font-size: 15px;
color: #fff;
background: url(/templates/mti/images/player_inside.png) no-repeat;
behavior: url(/iepngfix2.htc);
}
body#radio #howto li{
	margin: 20px 10px;
	padding-left: 30px;
	background: url(/templates/mti/images/player_playlist_puce.png) no-repeat;
}
body#radio #howto blockquote{
	margin-left: 20px;
}
body#radio #howto a {
	color: #9a141b;
	font-weight: bold;
	
}
body#radio #howto a:hover{
	color: #f00;
}

body#radio #pochette{
	float: left;
	margin-left: 30px;
	margin-top: 60px;
	display: inline;
}
body#radio #pochette img{
	margin-bottom: -2px;
}
body#radio #last_title{
	position: absolute;
	top: 30px;
	left: 170px;
	color: #fff;
	margin-left: 20px;
	display: inline;
}
body#radio #last_title h2{
	font-size: 17.47pt;
	font-weight: bold;
	color:#9a141b;
	
}
body#radio #last_title li{
	padding-left: 30px;
	background: url(/templates/mti/images/player_playlist_puce.png) no-repeat;
	behavior: url(/iepngfix2.htc);
	margin: 10px  0px ;
}
body#radio #last_title .time{
	font-size: 8px;
	font-style: italic;
}
body#radio #last_title .artiste{
	font-size: 11.36pt;
	font-weight: bold;
	
}
body#radio #bandeau_control{
background: #9a141b;
}
body#radio #bandeau_control,
body#radio #control{
	position: absolute;
	top: 300px;
	left: 0px;
	width: 441px;
	
	height: 40px;
	overflow: visible;
}

body#radio #control li img{
	line-height: 32px;
	height: 32px;
}
body#radio #control li.Titre{
	width: 250px;
	text-align: center;
}
body#radio #control li .Titre{
	line-height: 32px;
	font-size: 20px;

}
body#radio #control li {
	float: left;
	line-height: 18px;
	margin: 4px 0px 0px 10px;
	display: inline;
	overflow: visible;
	color: #fff;
	text-align: center;
}
body#radio #pub{
	position: absolute;
	top: 0px;
	left: 0px;
}
body#radio #bouton-mti-qualite-cd {
	position: absolute; left: 250px; top: 560px; z-index: 1000;
}

.horroscope  img{
	float: left;
	background: #fff;
	margin-left: 58px;
	margin-right: 8px;
}
.rss_item  .element{
float: left;
}
.horroscope  li{
	text-align: justify;
	list-style: none;
	margin-left: 57px;
}
.horroscope  br {
display: none;
}

.rss_item .title{
	text-align: center;
	display: block;
	width: 100%;
	font-size: 10px;
	background: #87bde1;
	float: left;
	font-weight: bold;
	margin: 1px;
	padding: 5px 1px;
	cursor: hand;
	
}
.horroscope .element center{
text-align: left;
margin-left: -57px;

}
.horroscope .element a  font{
	font-size: 6px;
	
}
.bloc_content,
.bloc_content table{
	margin: auto;
	text-align: center;
}
.rss_item .date{
	margin:0;
	
	font-size: 0.9em;
	text-align: right;
	font-weight: normal;
	float: left;
	width:  30px;
}
.horroscope .date br {
display: block;
}
.bloc_content form {
text-align: left;
}
.bloc_content form label{
float: none;
width: 90%;
}
.bloc_content form input.submit{
border: none;
line-height: 32px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
height: 32px;
width: 150px;
display: block;
margin:auto;
background:  url(/templates/mti/images/button-150.png) no-repeat;
behavior: url(/iepngfix.htc);
}
.bloc_content form input.radio{
border: none;
float: none;
width: 5%;

}
img.vote_bar{
background:  url(/templates/mti/styles/votes/rouge.gif) repeat-x;
height: 10px;
float: left;
}
.sondage_reponse{
	text-align:left;
}
.sondage_reponse .vote{
color:#fff;
font-weight:bold;
float: right;
}
.bloc_content h4{
color:#fff;
margin: 4px;
font-weight:bold;

}
#tags {
margin: 6px;
text-align: right;
}
#tags a{
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding: 4px 4px 4px 25px;
background:  url(/admin/templates/mti/icons/tag_red.png) 4px 4px no-repeat;

}
#tags a:hover{
color: #365b76;
background-color: #fff;
}

.offre h3 {
text-align: left;
color: #fff;
background: #365b76;
padding: 6px;
font-size: 12px;
margin-top: 4px;
}
.offre h3 .date{
color: #c7d8e5;
font-size: 11px;
font-style: italic;
}
body.emission div.emission h1{
font-weight: bold;
color: #fff;
background: #365b76;
padding: 6px;
font-size: 15px;
margin-top: 4px;
}
#stream{
left:-10px;
position:absolute;
top:-30px;
}
body.emission table.animateur{
margin-top: 50px !important;
margin-right: 20px !important;

}

table.animateur ul.mini {
margin: 0;
margin-top: 20px;
width: 38px;
float: left;
padding: 0;


}
table.animateur .mini li {
list-style: none;
padding: 4px;
}
table.animateur .mini li:hover,
table.animateur .mini li.current{
	background: #fff;
}

table.animateur .mini img {
width: 30px;}

table.animateur div.animateur {
	width: 220px;
	float: right;
	/*background: #fff;*/
		background: #365b76;
		color: #fff;
}
table.animateur div.animateur .text {

}

table.animateur div.animateur h3{

text-transform: uppercase;
}
body.emission table.infos .bloc_content{
	text-align: left;
}
	
	
	
.contact strong{
	font-weight: bold;
	color: white;
}
#form_contact .form-row{
	clear: both;
	margin: 10px 0;
	padding:;
}
#form_contact .form-col{
	margin: 0 0 0 20%;
}
#form_contact label{
	display: block;
	width: 19%;
	float: left;
	text-align: right;
	padding: 6px 0 0 0;
}

#form_contact input{
	width: 95%;
	padding: 5px;
	border: 1px solid #E30720;
	font-size: 11px;
}

#form_contact textarea{
	display: block;
	width: 95%;
	padding: 5px;
	border: 1px solid #E30720;
	font-size: 11px;
}
#form_contact  select {
	display: block;
	height: 25px;
	width: 98%;
	padding: 0px;
	border: 1px solid #E30720;
	font-size: 11px;
}
#form_contact input.submit{
	height: 28px;
	background: #9a141b;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	width: 98%;
	margin: 0 0 0 0px;
}
	#form_contact input.checkbox {
	width: auto;
	height: auto;
	}
.offre .element .title{
	margin: 20px;
	font-size:20px;
}
.offre .element .descriptif{
	color: #FFF;
	font-weight: bold;
	font-size:15px;
	margin: 20px;
}
.offre .element .contact{
	margin: 20px;
	
}






body.radios {
	width: 770px;
	height: 585px;
}
body.radios #pochette{
	left:52px;
	position:absolute;
	top:262px;
}

body.radios #last_title{
	left:240px;
	position:absolute;
	top:257px;
}
body.radios #last_title li{
	padding: 3px 20px;
	color: #d30073;
}
body.radios #last_title .artiste{
	color: #FFF;
	font-size: 17px;
}
body.radios #last_title .time{
	/*color: #FFF;*/
	/*font-size: 13px;*/
}

body.radios #liens{
	left:545px;
	position:absolute;
	top:230px;
}
body.radios #liens  li{
	margin: 10px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}

body.radios #control{
	left:250px;
	color: #FFF;
	position:absolute;
	top:517px;
	font-size:14px;
}
body.radios #control li{
float: left;

margin: 0 10px;
}
body.radios #control li a{
	height: 48px;
	width: 32px;
	display: block;
}
body.radios #control li a img{
	height: 16px;
	width: 16px;
}
body.radios .button{
	color: #FFF;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 150px;
	height: 21px;
	padding: 10px 0;
}
body.radios .button:hover{
	display: block;
}

body.radios #stream{
left:27px;
position:absolute;
top:506px;
}
body.radios #radios{
	color:#BBB;
	
	left:142px;
	position:absolute;
	top:186px;
}
body.radios #radios span{
	display: block;
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	font-size:16px;
	
}
body.radios #radios ul.onglets{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font-size:18px;
	
}
body #radios ul.onglets li{
	display: block;
	float: left;
	width: 135px;
	height: 30px;
}

body.radios #radios ul.onglets li a{
	display: block;
	padding-top: 5px;
	text-align: center;
	color: #333;
	font-weight: bold;
}




body#WEB-MTI 						{ background: url(/templates/mti/images/KIT-RADIO-WEB-MTI-background.png) no-repeat; }
body#WEB-MTI #last_title li				{ background: url(/templates/mti/images/KIT-RADIO-WEB-MTI-puce.png) no-repeat scroll 0 10px transparent; }
body#WEB-MTI .button					{ background: url(/templates/mti/images/KIT-RADIO-WEB-MTI-button-off.png) no-repeat; }
body#WEB-MTI .button:hover				{ background: url(/templates/mti/images/KIT-RADIO-WEB-MTI-button-on.png) no-repeat; }
body#WEB-MTI #radios ul.onglets li 			{ background: url(/templates/mti/images/KIT-RADIO-WEB-MTI-onglet-off.png) no-repeat; }
body#WEB-MTI #radios ul.onglets li.current 		{ background: url(/templates/mti/images/KIT-RADIO-WEB-MTI-onglet-on.png) no-repeat; }
body#WEB-MTI #radios ul.onglets:hover li.current	{ background: url(/templates/mti/images/KIT-RADIO-WEB-MTI-onglet-off.png) no-repeat; }
body#WEB-MTI #radios ul.onglets:hover li:hover		{ background: url(/templates/mti/images/KIT-RADIO-WEB-MTI-onglet-on.png) no-repeat;}
body#WEB-MTI #last_title li				{color: #e2001a;}
body#WEB-MTI #url_radio  a				{ position: absolute; top: 550px; left: 550px; font-size: 20px; color:#e2001a}
	
body#MTI-GOLD 						{ background: url(/templates/mti/images/KIT-RADIO-MTI-GOLD-background.png) no-repeat; }
body#MTI-GOLD #last_title li				{ background: url(/templates/mti/images/KIT-RADIO-MTI-GOLD-puce.png) no-repeat scroll 0 10px transparent; }
body#MTI-GOLD .button					{ background: url(/templates/mti/images/KIT-RADIO-MTI-GOLD-button-off.png) no-repeat; }
body#MTI-GOLD .button:hover				{ background: url(/templates/mti/images/KIT-RADIO-MTI-GOLD-button-on.png) no-repeat; }
body#MTI-GOLD #radios ul.onglets li 			{ background: url(/templates/mti/images/KIT-RADIO-MTI-GOLD-onglet-off.png) no-repeat; }
body#MTI-GOLD #radios ul.onglets li.current 		{ background: url(/templates/mti/images/KIT-RADIO-MTI-GOLD-onglet-on.png) no-repeat; }
body#MTI-GOLD #radios ul.onglets:hover li.current	{ background: url(/templates/mti/images/KIT-RADIO-MTI-GOLD-onglet-off.png) no-repeat; }
body#MTI-GOLD #radios ul.onglets:hover li:hover		{ background: url(/templates/mti/images/KIT-RADIO-MTI-GOLD-onglet-on.png) no-repeat;}
body#MTI-GOLD #last_title li				{color: #dfb00e; }
body#MTI-GOLD #url_radio  a				{ position: absolute; top: 550px; left: 550px; font-size: 20px; color:#dfb00e}

body#MTI-CLUB 						{ background: url(/templates/mti/images/KIT-RADIO-MTI-CLUB-background.png) no-repeat; }
body#MTI-CLUB #last_title li				{ background: url(/templates/mti/images/KIT-RADIO-MTI-CLUB-puce.png) no-repeat scroll 0 10px transparent; }
body#MTI-CLUB .button					{ background: url(/templates/mti/images/KIT-RADIO-MTI-CLUB-button-off.png) no-repeat; }
body#MTI-CLUB .button:hover				{ background: url(/templates/mti/images/KIT-RADIO-MTI-CLUB-button-on.png) no-repeat; }
body#MTI-CLUB #radios ul.onglets li 			{ background: url(/templates/mti/images/KIT-RADIO-MTI-CLUB-onglet-off.png) no-repeat; }
body#MTI-CLUB #radios ul.onglets li.current 		{ background: url(/templates/mti/images/KIT-RADIO-MTI-CLUB-onglet-on.png) no-repeat; }
body#MTI-CLUB #radios ul.onglets:hover li.current	{ background: url(/templates/mti/images/KIT-RADIO-MTI-CLUB-onglet-off.png) no-repeat; }
body#MTI-CLUB #radios ul.onglets:hover li:hover		{ background: url(/templates/mti/images/KIT-RADIO-MTI-CLUB-onglet-on.png) no-repeat;}
body#MTI-CLUB #last_title li				{color: #d30073; }
body#MTI-CLUB #url_radio  a				{ position: absolute; top: 550px; left: 550px; font-size: 20px; color:#d30073}