/* Reset CSS (as found on meyerweb.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  :focus { 	outline: 0; }  ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  table { 	border-collapse: collapse; 	border-spacing: 0; } 


body{background:#161616 url(/img/body_bg.gif) repeat-x;margin:0;padding:0; font-family:Tahoma, Geneva, sans-serif;color:#686868;  font-size:12px; line-height:16px;}
body img{border:0}
a{color:#188008}
#pubheader{
	margin:0 auto 0 auto;
	height:100px; 
	width:950px;
	border-right:10px solid #000000;
	border-left:10px solid #000000; 
	background:#ffffff;
	position:relative;
	padding:0;}

#pubheader #banniere{
position:absolute; right:0; top:10px;
}
#pubheader #grandtoronto {
 position:absolute; top:20px; left:20px;
z-index:50;
width:150px; 
}
#barremenu{
 padding-left:190px;
 position:absolute; top:28px; left:10px;
 z-index:50;
 background:#EFEFEF url(/img/fond_menu.gif);
 width:760px;
}
#fondheader{
 position:absolute; top:50px; left:10px;
 width:950px; height:114px;
 z-index:1;
}
#divmicro{
 position:absolute; top:15px; left:30px; width:125px; height:162px;
 z-index:120;
}
#divecoute{
 position:absolute; top:65px; left:100px; width:280px; height:90px;
 z-index:60; display:none;
}
#divlogo {
 position:absolute; top:75px; left:180px;
z-index:50;
width:303px; height:50px;
}
#divlogin{
 position:absolute; top:50px; right:10px;
text-align:right; font-size:10px; text-align:right; padding: 10px 10px 50px 0;color:#FFFFFF; width:730px; height:50px;
z-index:45}
.boitelogin{ background:#FFFFFF;font-size:10px;border:1px solid #000000;padding-left:3px;cursor:text;color:#000;width:80px;}
.submitlogin {background:#000000; font-size:10px; color:#FFFFFF; border:1px solid #000000;width:85px; cursor:pointer }
#login{ font-size:11px; letter-spacing:2px;}
#endirect{
 position:absolute; top:110px; right:130px;color:#FFFFFF; font-size:14px; line-height:16px; letter-spacing:3px; font-weight:bold;  text-align:right; width:500px;
z-index:80;}
#endirect a{color:#FFFFFF;text-decoration:none}
#marquee {padding-top:5px}
#onair{ float:right;padding-left:10px;
z-index:75;
}
/* style du menu deroulant
.menulink{display:block;float:left;font-family: Tahoma, Geneva, sans-serif;font-size:10px;text-decoration:none;letter-spacing:2px;background:#4a4a4a;color:#ffffff;text-align:center;font-weight:bold;height:22px;line-height:22px;margin-right:3px;}
.menulink:hover{letter-spacing:2px;background:#000000;color:#ffffff;margin-right:3px;}
.menulink3{letter-spacing:2px;display:block;float:left;font-family: Tahoma, Geneva, sans-serif;font-size:10px;text-decoration:none;background:#99cccc;color:#ffffff;text-align:center;font-weight:bold;height:22px;line-height:22px;margin-right:3px;}

 */
.submenutop {padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;font-size:11px;color:#fff;display:block;text-decoration:none;width:220px;z-index:99; float:left; line-height:11px;}
.submenutop:hover {padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;font-size:11px;color:#fff;background-color:#000000;display:block;color:#DEDEDE;text-decoration:none;z-index:99}
.submenutop2{font-family: Tahoma, Geneva, sans-serif;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;font-size:11px;color:#ffffff;background-color:#99cccc;display:block;text-decoration:none;width:220px;z-index:99; float:left; line-height:11px;}
.submenutop2:hover {font-family: Tahoma, Geneva, sans-serif;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;font-size:11px;color:#ffffff;background-color:#000000;display:block;text-decoration:none;z-index:99}
.menulink{display:block;float:left;font-family: Tahoma, Geneva, sans-serif;font-size:10px;text-decoration:none;letter-spacing:2px;color:#000000;text-align:center;font-weight:bold;height:22px;line-height:22px;margin-right:3px;}
.menulink:hover{letter-spacing:2px;background:#000000;color:#ffffff;margin-right:3px;}
.menulink2{display:block;float:left;font-family: Tahoma, Geneva, sans-serif;font-size:10px;text-decoration:none;background:#000000; color:#FFFFFF;letter-spacing:2px;text-align:center;font-weight:bold;height:22px;line-height:22px;margin-right:3px;}
.menulink3{letter-spacing:2px;display:block;float:left;font-family: Tahoma, Geneva, sans-serif;font-size:10px;text-decoration:none;background:none;color:#000000;text-align:center;font-weight:bold;height:22px;line-height:22px;margin-right:3px;}
.menulink3:hover{letter-spacing:2px;display:block;float:left;font-family: Tahoma, Geneva, sans-serif;font-size:10px;text-decoration:none;background:#99cccc;color:#ffffff;text-align:center;font-weight:bold;height:22px;line-height:22px;margin-right:3px;}
/* fin du style menu deroulant */




/* STYLE COMMUN A TOUTES LES AUTRES PAGES */
#container {
	margin:0 auto 0 auto;
	background:#ffffff;
	position:relative;
	padding:0;
	width:970px;
	}
#contenu{padding:190px 15px 30px 15px; position:absolute; top:0px; left:0; background:#FFFFFF;
	width:920px;
	border-right:10px solid #000000;
	border-left:10px solid #000000; }
#contenu-accueil{ padding:0 0 30px 0; position:absolute; top:0; left:0; background:#FFFFFF; 
	width:950px;
	border-right:10px solid #000000;
	border-left:10px solid #000000;}
#fakepadding{ padding:0; margin:0; width:800px; height:200px;}
#contenu h1{font-size:18px;color:#188008; margin:0; padding:0 0 0 30px; font-variant:small-caps; position: absolute; top:165px; left:180px; background:url(/img/bullet.gif) no-repeat; line-height:20px;}
#contenu h2{
display:block; font-size:25px; color:#CCCCCC; letter-spacing:2px; margin-bottom:14px; padding: 20px 0 4px 0; font-weight:lighter; line-height:22px;
}

#contenu h4{
display:block; font-size:30px; color:#CCCCCC; letter-spacing:2px; margin-bottom:14px; padding: 20px 0 4px 0; font-weight:lighter
}
.tumevoispas
{
 display:none;
}
.tumevois
{
 display:block;
 width: 350px;
 text-align:left; 
 letter-spacing:2px;
 margin:auto;
 color:#686868;
}


/* STYLE DE LA PAGE D'ACCUEIL  */
.col1{ margin-left:20px; float:left; width:500px;margin-bottom:10px;}
.col2{ margin-left:35px; float:left; width:390px;}
.col1-1{ float:left; width:240px;margin-right:20px; }
.col1-2{ float:left; width:240px;}
.alaffichediv { display:block;float:left; margin: 0 10px 10px 0; width:180px; height:125px;}
.alaffiche{ color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; text-align:center ;
display:block;  background:url(/img/fondmenu.png);
	width:180px; 
	margin-top:105px;
	height:20px; 
}
/* .alaffiche:hover{
	color:#FFFFFF; font-size:20px; font-weight:bold; text-decoration:none;text-align:center; background:url(/img/fondmenu.png);display:block;
	width:180px;
	margin-top:55px;
	padding-top:10px;
	height:60px; 
}*/
.titreboite {font-size:15px; color:#188008; margin:0; padding:0 0 3px 0; letter-spacing:3px;}
.titreboite2 {font-size:15px; color:#ffffff; margin:0; padding:5px 10px; letter-spacing:3px; background:url(/img/header/backgroundheader.jpg) center center}
.col1 .contenuboite {font-size:12px;border-top:3px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:url(/img/fond_listing.jpg) no-repeat}
.contenuboite h3 {padding:5px 10px; font-size:10px; line-height:18px; background:url(/img/header/backgroundheader.jpg) center bottom; color:#FFFFFF; font-size:14px; height:42px; overflow:hidden;}
.col1 .bottomboite { margin:0; padding:3px 0 20px 0; text-align:right;}
.col2 .contenuboite {font-size:10px;border-top:3px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:url(/img/fond_listing.jpg) no-repeat; margin-right:20px}
.col2 .bottomboite { margin:0; padding:3px 0 20px 0; text-align:right; margin-right:20px}
.bottomboite a{font-size:10px; color:#000000; text-decoration:none; font-weight:normal}

#boitepalmares h3 {padding:5px 10px; font-size:10px; line-height:18px; background:url(/img/header/backgroundheader.jpg) center bottom; color:#FFFFFF; font-size:14px; height:42px; overflow:hidden;}
#boitepalmares h3 a{color:#ffffff; text-decoration: underline; font-size:25px}
#boitepalmares table {margin:0 10px 0 10px; width:480px}
#boitepalmares .ligne1 { background:#e9e9e9}
#boitepalmares .ligne2 {}
#boitepalmares td {vertical-align:middle; font-size:11px;}
#boitepalmares .position {font-size:20px; line-height:12px; width:25px; padding-left:3px;}
#boitepalmares .progression { text-align:center; width:15px}
#boitepalmares .semaines { text-align:center; width:35px}
#boitepalmares .artiste { text-align:left; font-weight:bold; padding:3px 0}
#boitepalmares .chanson { font-weight:normal; padding-left:13px; background:url(/palmares/notedemusique.png) no-repeat left center}
#boitepalmares .plus { color:#68A653; }
#boitepalmares .moins { color:#C54B57;}
#boitepalmares .egal { }
#boitepartenaire{ padding:10px; line-height: 90px;}
/* FIN STYLE DE LA PAGE D'ACCUEIL  */

/* STYLE DE LA PAGE EMISSION  */
.pagemission{
width:500px;
padding-top:5px;
z-index:10;
}
.paginationemission{
width: 510px;
text-align: right;
padding: 0 0 5px 8px;
font-size:11px;
line-height:20px;
}
.paginationemission a{
border:1px solid #188008;
padding: 2px 5px 2px 5px;
text-decoration: none; 
color: #188008;
}
.paginationemission a:hover, .paginationemission a.selected{
border:1px solid #188008;
color: #ffffff;
background-color: #188008;
}
#poster {
text-align:right;
padding-bottom:10px;
}
#poster #message {
border:1px solid #686868;
padding: 1px 5px 1px 5px;
text-decoration: none; 
color: #686868;
}
#poster #envoyer {
text-decoration: none; 
border:1px solid #188008;
color: #ffffff;
background-color: #188008;
cursor:pointer;
}
.postwrapper {margin-bottom:10px;overflow:hidden; line-height:15px;}
.postname {font-size:10px;padding:0 0 3px 0; letter-spacing:1px;}
.postname a {font-size:15px; color:#188008; text-decoration:none; font-weight:bold}
.postmessage{; font-size:12px; padding-left:10px;}

.tumevois2
{
 display:block;
 padding:5px; letter-spacing:2px;
 color:#188008;
}

/* pour la page emissions du jour */
.titreemissiondujour{ 
display:block; border-bottom:3px solid #cccccc;; font-size:20px; color:#CCCCCC; font-weight:bolder; font-variant:small-caps; letter-spacing:2px; margin-bottom:4px; padding-bottom:4px
}
.emissiondujour{
float:left; width:210px; margin:0 0 20px 20px;
}
.emissiondujour a{ color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; text-align:center ;
display:block; 
	width:180px; 
	margin-top:90px; 
	height:35px;  background:url(/img/fondmenu.png)
}
.emissiondujour a:hover{
	color:#FFFFFF;  font-weight:bold; text-decoration:none;text-align:center; background:url(/img/fondmenu.png);display:block;
	width:180px;
	margin-top:0; 
	padding-top:5px;
	height:120px; 
}
.emissiondujour a .description{display:none;}
.emissiondujour a:hover .description{font-weight:normal; font-size:9px; padding:5px; width:175px; line-height:10px;  text-align:left; display:block}

.wrapper img{
}
.wrapper a{  color:#188008; font-size:17px; line-height:20px; text-decoration:none; padding: 0 30px 15px 0}
.wrapper a:hover{ background:url(../emissions/img/lien2.gif) no-repeat right top;}
/* pour la page d'une emission */
.wrapper div{ padding-top:25px}
.col1bis{ margin-left:20px; float:left; width:500px;margin-bottom:10px;}
.col2bis{ margin-left:35px; float:left; width:350px;}
#titremissionzz{
	font-size:40px;
	width:500px;
	padding:10px 0 15px 0;
	line-height:40px;
}
.accordion {
	position: relative; /* required for bounding */
}
.accordion b {
font-weight: normal;
letter-spacing: 2px;
}

.accordion-toggle{
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	font-size:15px; color:#ffffff; background:#cccccc url(/img/backgroundheader_gris.jpg)  top left; margin:0; padding:5px 0 5px 10px; letter-spacing:3px;	
	cursor:pointer;
}

.accordion-toggle:hover
{
background:#188008 url(/img/header/backgroundheader.jpg) center top
}
.accordion-toggle-active{
background:#188008 url(/img/header/backgroundheader.jpg) center center
	
}

.accordion-content{
	overflow: hidden;	/* required for effect */
	font-size:12px;border-top:2px solid #f2f2f2; border-bottom:1px solid #f2f2f2; background:url(/img/fond_listing.jpg) no-repeat; padding:5px;
}
#reponse {
width:300px;
}
.reponseOK{ background:#D7DFC0; height:100%}
.reponseNO{ background:#FAC9C9; height:100%; line-height:20px;}
.reponseOK b{
position:absolute; top:5px; left:10px; display: block; font-size:50px; line-height:45px; color:#188008; width:30px}
.reponseNO b{
position:absolute; top:5px; left:10px; display: block; font-size:50px; line-height:45px;  color:#FF6F6F; width:30px}
.reponseTXT{padding:10px 10px 10px 40px;}
/* FIN STYLE DE LA PAGE EMISSION  */



/* STYLE DE LA PAGE PALMARES  */
#palmarestable { margin: 0 auto 0 auto}
#palmarestable h3 { padding:15px; font-weight:normal; line-height:20px}
#palmarestable h3 a, .tumevois a{color:#188008; text-decoration:none; font-size:17px; font-weight:bold}
#palmarestable h3 a:hover, .tumevois a:hover{text-decoration:underline}
#palmarestable table {margin:10px; width:500px; background:url(/img/fond_listing.jpg)}
#palmarestable td {line-height:15px; vertical-align:middle; text-align:left}
#palmarestable .position {font-size:25px; color:#cccccc; padding: 3px 5px 3px 0; text-align:right; font-weight:bold}
#palmarestable .progression {font-size:15px; padding: 6px 5px 0 0; font-weight:bold}
#palmarestable .semaines {font-size:12px; padding: 6px 5px 0 0; color:#cccccc}
#palmarestable .plus {color:#c3dfc0}
#palmarestable .moins {color:#fac9c9}
#palmarestable .egal {color:#CCCCCC}
#palmarestable .artiste { text-align:left; font-weight:bold; padding:3px 0}
#palmarestable .chanson { font-weight:normal; padding-left:13px; background:url(/palmares/notedemusique.png) no-repeat left center}
#palmarestable .lecteur { padding: 0 0 0 5px}
#palmarestable .boutonvote { padding: 0 0 0 5px}
#proposer {margin:10px;}
#proposer .boite {
background-color:#ffffff;
font-size:12px;
border:1px solid #666666;
padding-left:3px;
padding-right:3px;
cursor:text;
color:#2f2c2c;
width:150px;
margin:1px;
}
#proposer .boite:focus {
background-color:#ffffff;
font-size:12px;
border:1px solid #188008;
padding-left:3px;
padding-right:3px;
cursor:text;
color:#188008;
width:150px;
margin:1px;
}
#proposer .submitbut {
background-color:#188008;
font-size:12px;
color:#FFFFFF;
border:1px solid #188008;
cursor:pointer;
margin:1px;
}

#reponseproposition {
width:280px;
margin:10px;
}
/* FIN STYLE DE LA PAGE PALMARES  */

/*  STYLE DE LA PAGE REPORTAGES  */


/*  FIN STYLE DE LA PAGE REPORTAGES  */



/* STYLE BACKOFFICE */
#containbo{padding:200px 15px 30px 15px; position:absolute; top:0px; left:0; background:#FFFFFF;
	width:920px;
	border-right:10px solid #000000;
	border-left:10px solid #000000;  }
#containbo td{vertical-align:top; padding-bottom:10px;}
#containbo h1{font-size:18px;color:#188008; margin:0; padding:0 0 0 30px; font-variant:small-caps; position: absolute; top:165px; left:180px; background:url(/img/bullet.gif) no-repeat; line-height:20px;}
#containbo h2{
display:block; font-size:20px; color:#188008; letter-spacing:2px; margin-bottom:14px; padding: 20px 0 4px 0; font-weight:lighter
}
#containbo .submitbut {
background-color:#188008;
font-size:12px;
color:#FFFFFF;
border:1px solid #188008;
cursor:pointer;
margin:1px;
}
#containbo .boite {
background-color:#ffffff;
font-size:12px;
border:1px solid #666666;
padding-left:3px;
padding-right:3px;
cursor:text;
color:#2f2c2c;
width:200px;
margin:1px;
}

#containbo .boite:focus {
background-color:#ffffff;
font-size:12px;
border:1px solid #f40000;
padding-left:3px;
padding-right:3px;
cursor:text;
color:#f40000;
width:200px;
margin:1px;
}
#containbo select {
background-color:#ffffff;
font-size:12px;
border:1px solid #666666;
padding-left:3px;
cursor:pointer;
color:#2f2c2c;
width:200px;
margin:1px;
}

#footerlinks {
background:#464646;
color:#999999
}

#messagederreur{margin :20px; background:#f40000; font-size:20px; color:#FFFFFF; text-align:center; padding:30px}


/* SimpleModal Styles */
.simplemodal-overlay {background-color:#fff; cursor:wait;}
.simplemodal-container {background-color:#fff; border:2px solid #000;}
a.modalCloseImg {background:url(/img/close.png) no-repeat; width:30px; height:30px; display:inline; z-index:3200; position:absolute; top:-10px; right:-10px; cursor:pointer;}