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

* {margin: 0px;padding: 0px;border: none;list-style-type: none;}
body {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	background: #444 url(../images/bgnd_degradenoir.jpg) repeat-x;
}

p {margin: 5px 0px 5px 0px;}
h1 {font-weight: bold;font-size: 24px;color: #941;}
h2 {font-size: 14px;color: #941;}
h3 {font-size: 18px;font-weight: normal;color: #36C;margin-top: 5px;}
h4 {font-size: 14px;font-weight: normal;}
h5 {font-size: 11px;font-weight: normal;}
a {color: #36C;text-decoration: none;}
a:hover {color: #941;}
strong {color: #941;}
input {border: 1px solid #666;font-size: 10px;padding:3px;}
input.btnabo {padding:3px 7px;cursor: pointer;}
select {border: 1px solid #999;font-size: 10px;line-height: 10px;}


/* conteneur principal */

#frame {width: 950px;margin: 20px auto;overflow: hidden;}

/* 1 - Header */

#haut {width:930px;height:130px;padding:10px;}
#haut.bienvenue {background: url(../images/head_bienvenue.jpg) no-repeat;}
#haut.agenda {background: url(../images/head_agenda.jpg) no-repeat;}
#haut.acces {background: url(../images/head_acces.jpg) no-repeat;}
#haut.liens {background: url(../images/head_liens.jpg) no-repeat;}
#haut.infra {background: url(../images/head_infrastructure.jpg) no-repeat;}
#haut.tickets {background: url(../images/head_tickets.jpg) no-repeat;}
#rss {background: url(../images/rss.png) no-repeat;float: right;}
#rss a {display: block;width: 32px;height: 32px;}

/* 2 - Menu horizontal */

#menu-haut {width: 950px;height: 38px;}        
#menu_haut li {display: inline;}
#menu_haut a {
	background: url(../images/bgnd_menuh.jpg) repeat-x;
	font-size: 13px;
	color: #fff;
    display: block;
    float: left;
	text-align: center;
	width: 156px;
	height: 36px;
    line-height: 36px;
    border: 2px solid #444;
    border-left:none;
}
#menu_haut a:hover {background: #222;}

/* 3 - Contenu */

#contenu {width: 950px;float:left;background:url(../images/bgnd_ccrm_content.gif) repeat-y;}

/* 3.1 - Colonne de gauche */

#gauche {width: 156px;float: left;}
#menu_gauche {width: 156px;}
#menu_gauche a {
	color: #FFF;
	display: block;
	border-bottom: 2px solid #444;
	padding-left: 10px;
	height: 30px;
    line-height: 30px;
}
#menu_gauche a:hover {background-color: #FFF;color: #000;}
#gauche_footer {font-size: 11px;color: #aaa;padding: 10px;}
#gauche_footer a {color: #fff;}
#gauche_footer h6 {color: #ccc;font-size: 13px;margin-top: 15px;}

/* 3.2 - Centre */

#contenu_main {float: left;border-left: 2px solid #444;}
#centre {width: 532px; float: left;padding: 15px;}
#newshome {clear: both;margin-top: 20px;float:left;}

/* 3.2.1 - image, prix, sponsors... */

#contenu_gauche {width: 200px;float: left;margin:0px 15px 15px 0px;}
#contenu_mainimage {
	width: 200px;
	background-color: #941;
	color: #C96;
	font-size: 11px;
}
#contenu_mainimage p {padding: 0px 15px;margin: 0px;}
.sponsor {margin: 15px 15px 0px 0px;}

/* 3.2.2 - colonne centrale, texte... */

#video {
	width: 775px;
	float: left;
	text-align: center;
	padding: 10px;
}

#contenu_maintableau_l {
	width: 760px;
	float: left;
	height: auto;
}
.share {margin-top: 20px;}
.share a {margin-left: 5px;}

/* 3.2.3 - colonne de droite, promo... */

#contenu_mainpromo {
	width: 200px;
	float: right;
	padding: 15px;
}
#contenu_mainpromo h4 {
	font-size: 18px;
	font-weight: normal;
}

/* 4 - Pied de page */

#bas {
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	width: 950px;
	clear:both;
	float: left;
	overflow: hidden;
	margin-top: 10px;
}
#bas a {color: #FFF;}

/* tableaux */

table {border-spacing:1px;background-color:#ddd;}
td, th {padding: 4px;vertical-align: top;}

thead th {
	text-align: left;
	background: #777;
	color: #ccc;
	border: 1px solid #777;
	font-size: 13px;
}
tbody th {font-weight: normal;}
tbody tr {background-color:#FFF;text-align:left;}
tbody tr.odd {background: #fec;border-top:1px solid #FFF;}

/* partie admin */

#backoffice {
	background-color: #FFF;
	float: left;
	height: auto;
	border-left: solid #444 2px;
	padding:15px;
}

/* Calendrier */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
	width: 100px;
}

.ds_tbl {
	background-color: #FFF;
	width: 200px;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Garamond;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Garamond;
	width: 12px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Garamond;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */