/* Regroupement des styles qui construisent l'interface */

html {
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll; 
	overflow-x:auto;
}

body {
	margin:0px;
	padding:0px;
	border: 0px none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #252525;
	padding-bottom:8px;
	
	background-color:#000000;
	background-image:url(../images/refonte-2011/bg-rpt.png);
	background-position:top center;
	background-repeat:repeat-x;
	
}
#bg_body {
	background-image:url(../images/refonte-2011/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#level_0 {
	width:890px;
	margin:auto;
}

#menu_header {
	padding-top:9px;
	height:39px;
	text-align:right;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

#menu_header a {
	color:#FFF;
}

#menu_header span {
	display:inline-block;
	width:14px;
	text-align:center;
	color:#f1b30e;
}

#header {
	height:136px;
	position:relative;
}

.tooltip {
	background: url(../images/refonte-2011/tooltip-bg-38pour100.png) repeat top left;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 8px;
    text-align: center;
}

#header #logos {
	width:473px;
	height:65px;
	background-image:url(../images/refonte-2011/logo-spec.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
}
#header #logos a#lien_accueil {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:180px;
	height:65px;
}

#header #logos a#lien_theatre {
	display:block;
	position:absolute;
	left:190px;
	top:18px;
	width:117px;
	height:47px;
}

#header #logos a#lien_cabaret {
	display:block;
	position:absolute;
	left:309px;
	top:18px;
	width:164px;
	height:47px;
}

#header div#menu_reseaux_sociaux {
	position:absolute;
	left:479px;
	top:18px;
	width:394px;
	height:36px;
	padding:8px 8px 0 0;
	text-align:right;
	background-image:url(../images/refonte-2011/header-gradient.png);
	background-repeat:no-repeat;
	background-position:top right;
}
#header div#menu_reseaux_sociaux a {
	display:inline-block;
	margin-left:9px;
}

#header div#menu {
	position:absolute;
	left:0px;
	top:98px;
	width:684px;
	height:20px;
}

#header div#menu a {
	font-family:"Rockwell Extra Bold","arial black",Arial, Helvetica, sans-serif;
	font-size:16px;
	display:inline-block;
	color:#ffffff;
	border-left:1px solid #f1b30e;
	padding-left:22px;
	margin-left:22px;
	line-height:14px;
	height:14px;
}
#header div#menu a:first-child {
	padding:0px;
	margin:0px;
	border:none;
}

#header div#menu a.actif,
#header div#menu a:hover {
	color:#c38516;
	text-decoration:none;
}

#centre {
	float:left;
	width:682px;
}

#main {
	width:680px;
	min-height:480px;
	height:auto !important;	/* simuler min-height en IE6 */
	height:480px;

	border:#ffffff 1px solid;
	background-color:#ffffff;
}

#credits {
	width:680px;
}

#main div#recherche {
	background-image:url(../images/recherche-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;

	height:37px;
	border-bottom:#ffffff 1px solid;
	padding:5px 0px 0px 495px;
}

#main div#recherche input.champ {
	color:#666666;
	border:#c3bfbc 2px solid;
	font-size:11px;
	padding:2px 4px;
	width:135px;
}

#main div#recherche input.bouton {
	margin-bottom:1px;
	vertical-align:bottom;
}

div#sousmenu {
	width:680px;
	height:164px;
	
	background-color:#c38516;
	border-bottom:#ffffff 1px solid;
}

div#sousmenu h1 {
	color:#ffffff;
	font-size:21px;
	padding:12px 20px;
	background-color:#ba7a16;
	text-transform:uppercase;
}

div#sousmenu h1 a {
	color:#ffffff;
}

div#sousmenu h1 a:hover {
	text-decoration:none;
}

div#sousmenu div a {
	display:block;
	color:#451a00;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#d5aa5c;
	padding:4px 20px;
	margin-bottom:3px;
}

div#sousmenu div a.actif,
div#sousmenu div a:hover {
	background-color:#e1b462;
	text-decoration:none;
}

div#sousmenu p {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:6px 20px 8px 20px;
}

div#sousmenu p span {
	color:#451a00;
}

#main div#titre {
	background-color:#7f7670;
	border-bottom:1px solid #FFFFFF;
	padding:2px 5px 2px 26px;
}

/* Firefox & Safari */
html>/**/body #main div#titre { padding-bottom:0px; }

#main div#titre h1 {
	color:#ffffff;
	font-size:14px;
	font-weight: bold;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
}

#main div#contenu {
	background-image:url(../images/contenu-bg.jpg);
	background-repeat:repeat-x;
	position:top left;
	min-height:200px;
	padding:29px 20px 20px 20px;
}

#droite {
	float:left;
	width:190px;
	padding-left:9px;
	margin-bottom:15px;
}


#droite a#teaser_blogue,
#droite a#teaser_a_vous_la_parole,
#droite a#teaser_concours,
#droite a#teaser_bulletin,
#droite a#teaser_entracte {
	border:1px solid #92a2b2;
	display:block;
	margin-bottom:5px;
	background-repeat:no-repeat;
	background-position:7px 6px;
	position:relative;
}

#droite a#teaser_entracte:hover,
#droite a#teaser_blogue:hover,
#droite a#teaser_a_vous_la_parole:hover,
#droite a#teaser_concours:hover,
#droite a#teaser_bulletin:hover {
	border-color:#FFF;
}

#droite a#teaser_blogue img,
#droite a#teaser_a_vous_la_parole img,
#droite a#teaser_concours img,
#droite a#teaser_bulletin img {
	position:absolute;
	left:160px;
	top:14px;
}

#droite a#teaser_blogue{
	height:41px;
	background-image:url(../images/refonte-2011/btn-blogue.png);
}
#droite a#teaser_a_vous_la_parole{
	height:51px;
	background-image:url(../images/refonte-2011/btn-a-vous-la-parole.png);
}
#droite a#teaser_a_vous_la_parole img{
	top:28px;
}
#droite a#teaser_concours{
	height:41px;
	background-image:url(../images/refonte-2011/btn-concours.png);
}
#droite a#teaser_concours img{
	top:15px;
}
#droite a#teaser_bulletin{
	height:51px;
	background-image:url(../images/refonte-2011/btn-recevez-notre-bulletin.png);
	background-position: 7px 10px;
}
#droite a#teaser_bulletin img{
	top:26px;
}
#droite a#teaser_entracte {
	border:1px solid #92a2b2;
	height:139px;
	display:block;
	text-align:center;
	padding-top:7px;
	cursor:pointer;
}


#droite #titre_derniere_heure {
	padding:0px 11px 10px 11px;
	border-bottom:1px solid #808080;
}
#droite .nouvelle {
	padding:15px 10px;
	border-top:1px solid #333333;
}

#droite .nouvelle:first-child {
	border-top:none;
}
#droite h1 {
	text-transform:uppercase;
}

#droite .nouvelle p {
	color:#ffffff;
	font-size:11px;
}

#droite .lire_plus {
	text-align:right;
}
#droite .lire_plus a {
	font-size:11px;
	color: #AF650B;
}

#droite .lire_plus a img {
	margin:0 0 -2px 3px;
}

#droite #plus_nouvelles {
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	padding:10px 11px;
	margin-top:10px;
}

#droite #plus_nouvelles a {
	color:#fff; 
	font-weight:bold;
}

#droite #plus_nouvelles img {
	margin:0 0 -2px 3px;	
}

#footer {
	height:8px;
	background-color:#7f7670;
	border: 1px solid #FFFFFF;
	line-height:0px;
	font-size:0px;
}