body{
	margin:0; padding:0;
	color:#000;
	background:#0082ce url(../img/bg.jpg) repeat-x;
	font-size:12px;
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
	text-align:center;
}

#container{
	width:744px;
	background-color:#FFF;
	margin:auto; text-align:left;
	position: relative;
}

a{color:#00395d;}
a:hover{color:#009d4c;}

h3{
color:#33b773;
font-size:14px;
}

h4{
color:#33b773;
padding:15px 0 0 45px;
font-size:13px;
}

#hautdepage{
	position:relative;
	height:114px;
	margin-bottom:20px;
}

#logoscence{
	background:#FFF url(../img/logo_scene_en_scene_nouveau.gif) no-repeat;
	height:114px;
}
#logoscence a{
	width:100%; height:100%;
	display:block;
}

#rabais{
	position:absolute;
	color:#AC2E21;
	top:10px; right: 10px;
	border:1px solid #AC2E21;
	padding:5px 10px;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold; font-size:10px;
}
#rabais p {margin: 0;}

#saison {
	font-size: 11px;
	font-style: italic;
	position: absolute;
	top: 158px;
	right: 315px;
}

/* Tableaux tarifications*/

td.gris{
	background-color:#ececec;
	border-bottom:1px solid #CCC;
}

td.blanc{
	background-color:#FFF;
	border-bottom:1px solid #CCC;
}

/* Menu */

ul.menu{
	list-style-type:none;
	margin:0; padding:0;
	position:absolute;
	top:85px; left:164px;
}
ul.menu span{display:none;}

ul.menu li{
	float:left;
	width:116px; height:29px;
	text-transform:uppercase;
	line-height:28px;
}

ul.menu li.qui{background:transparent url(../img/menu/qui_sommes_nous.gif) 0 -58px no-repeat;}
ul.menu li.qui a{background:transparent url(../img/menu/qui_sommes_nous.gif) 0 0 no-repeat;}
ul.menu li.quidone{background:transparent url(../img/menu/qui_sommes_nous.gif) 0 -116px no-repeat;}

ul.menu li.programmation{background:transparent url(../img/menu/programmation.gif) 0 -58px no-repeat;}
ul.menu li.programmation a{background:transparent url(../img/menu/programmation.gif) 0 0 no-repeat;}
ul.menu li.programmationdone{background:transparent url(../img/menu/programmation.gif) 0 -116px no-repeat;}

ul.menu li.tarification{background:transparent url(../img/menu/tarification.gif) 0 -58px no-repeat;}
ul.menu li.tarification a{background:transparent url(../img/menu/tarification.gif) 0 0 no-repeat;}
ul.menu li.tarificationdone{background:transparent url(../img/menu/tarification.gif) 0 -116px no-repeat;}


ul.menu li.joignez{background:transparent url(../img/menu/joignez_nous.gif) 0 -58px no-repeat;}
ul.menu li.joignez a{background:transparent url(../img/menu/joignez_nous.gif) 0 0 no-repeat;}
ul.menu li.joignezdone{background:transparent url(../img/menu/joignez_nous.gif) 0 -116px no-repeat;}

ul.menu li.boite{background:transparent url(../img/menu/boite_outils.gif) 0 -58px no-repeat;}
ul.menu li.boite a{background:transparent url(../img/menu/boite_outils.gif) 0 0 no-repeat;}
ul.menu li.boitedone{background:transparent url(../img/menu/boite_outils.gif) 0 -116px no-repeat;}


ul.menu li.qui a, ul.menu li.programmation a, ul.menu li.tarification a,
ul.menu li.joignez a, ul.menu li.boite a{
	width:100%; height:100%;
	display:block;
}

ul.menu li.qui a:hover, ul.menu li.programmation a:hover, ul.menu li.tarification a:hover,
ul.menu li.joignez a:hover, ul.menu li.boite a:hover{
	background-image:none;
}

/* Millieu de l'accueil */

#osezartsvivants{
	text-align:center;
	height:248px; margin-bottom:15px;
}

#texteaccueil{
	font-size:14px;
	color:#666666;
	padding-left:135px;
	margin-bottom:35px;
}

#texteaccueil .petitemarge{padding-left:75px;}

#listeenvoi{
	position:relative;
	width:532px; height:43px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	color:#005c95; margin:auto;
}

#listeenvoi .acc{
	margin-left:270px;
	margin-top:8px;
}

form{margin:0; padding:0;}
label{text-transform:uppercase; padding-right:15px; font-weight:bold;}
label.interieur{text-transform:lowercase; font-weight:normal;}
input{margin:0; padding:0;}

/* Page interieur */

#logoosezinterieur{
	float:right;
	padding-right:30px;
}

ul.niveaux{
	list-style-type:none;
	margin:0; padding:15px 0 0 45px;
	line-height:14px;
}
ul.niveaux li{color:#00395d;}
ul.niveaux li a{color:#00395d;}
ul.niveaux li a:hover{color:#009d4c;}
ul.niveaux li.done{color:#009d4c;}


#legende{position:relative; margin:auto; width:645px; padding-bottom:15px;}
#trier{position:absolute; left:510px;}

ul.couleurs{
	list-style-type:none;
	margin:0; padding:0;
}
ul.couleurs li{
	float:left;
	color:#000;
	padding-right:10px; 	padding-left:15px;
}

ul.couleurs li.theatre{background:transparent url(../img/contenu/cube_theatre.gif) no-repeat;}
ul.couleurs li.musique{	background:transparent url(../img/contenu/cube_musique.gif) no-repeat;}
ul.couleurs li.danse{background:transparent url(../img/contenu/cube_danse.gif) no-repeat;}

#titresection{
	padding: 15px 0 35px 45px;
}

#titresectionsansmenu{
	padding:25px 0 45px 50px;
}

#cadretexte{
	position:relative;
	width:645px;
	margin:auto;
	margin-top:15px;
	margin-bottom:40px;
}

#cadretexte p{
	font-size:12px;
	color:#000;
}

/* CADRES POUR LA PROGRAMMATION */

.cadre{
	position:relative;
	width:645px;
	margin:auto;
	margin-top:15px;
	margin-bottom:20px;
}
.phototheatre{
	float:left;
	margin-right:2px;
	border-left:#ff8d41 solid 10px;
	padding-left:3px;
	padding-right:3px;
}

.photomusique{
	float:left;
	margin-right:2px;
	border-left:#add56f solid 10px;
	padding-left:3px;
	padding-right:3px;
}

.photodanse{
	float:left;
	margin-right:2px;
	border-left:#41b2d9 solid 10px;
	padding-left:3px;
	padding-right:3px;
}

.titre{
	padding:2px 0 2px 15px;
	margin-left:113px;
	background-color:#e5e5e5;
	font-weight:bold;
	font-size:12px;
}

.descetinfo{position:relative; margin-left:110px;}

.informations{
	width:180px; 
	padding-top:3px;
	padding-left:18px;
	font-size:10px;
}


.informations a{color:#00395d; }

.description{
	float:right;
	width:320px;
	padding-top:10px; padding-bottom:10px;
}

.description p{margin-top:0; padding-top:0;}

.savoirplus{
	border-top:1px solid #e5e5e5;
	height:10px;
	text-align:right;
	margin-top:10px; clear:right;
}

.savoirplusvide{
	border-top:1px solid #e5e5e5;
	height:10px;
	text-align:right;
	margin-top:10px; clear:right;
}

/* ARCHIVES DE LA PROGRAMMATION*/

.cadrearchivedanse{
	position:relative;
	width:645px;
	margin:auto;
	margin-top:15px;
	margin-bottom:20px;
	border-left:#41b2d9 solid 10px;
}

.cadrearchivetheatre{
	position:relative;
	width:645px;
	margin:auto;
	margin-top:15px;
	margin-bottom:20px;
	border-left:#ff8d41 solid 10px;
}

.cadrearchivemusique{
	position:relative;
	width:645px;
	margin:auto;
	margin-top:15px;
	margin-bottom:20px;
	border-left:#add56f solid 10px;
}

.titrearchive{
	padding:2px 0 2px 15px;
	background-color:#e5e5e5;
	font-weight:bold;
	font-size:12px;
}

.descetinfoarchive{position:relative; clear:both;}

.descetinfoarchive a{color:#00395d;}

.informationsarchive{
	width:590px; 
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
}


.savoirplusarchive{
position:absolute;
left:568px;
}

ul.texte{font-size:12px;}
ul.texte li{padding-bottom:5px;}



/* footer */

#footer{
	position:relative;
	margin-bottom:20px;
}

#logosbas{
	margin-top:60px;
	margin-bottom:40px;
	text-align:center;
}

#ixmedia{
	text-align:center;
	margin-bottom:20px;
}