/* CSS Document */

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #333333;
	background-color: white;
	padding:0;
	margin:0;
	/*text-align:center;*/
}

#container {
	position:absolute;
	left:-490px;
	top:15px;
	margin-left:50%;
	margin-right:50%;
	text-align:left;
	width:980px;
	background-image:url(../images/fond-corps-page.gif);
	background-repeat: repeat-y;
}

#header{
	position:relative;
	height:210px;
	left: 0px;
	top:0px;
}
#header a {
	text-decoration:none;
	color:#ffffff;
	font-weight: 100;
	padding:0px;
}
#logo{
	position:absolute;
	left: 0px;
	top: 0px;
	margin:0px;
	padding:0;
	border:none;
	z-index:1000;
}
#sousLeGril {
	position:absolute;
	left: 20px;
	top: 180px;
	z-index:4000;
	display:none;
}
.mdf #sousLeGril, .actualites #sousLeGril { background-image:url(../images/sur-le-gril1.gif); }
.musique #sousLeGril { background-image:url(../images/sur-le-gril2.gif); }
.danse #sousLeGril { background-image:url(../images/sur-le-gril3.gif); }
.infos #sousLeGril { background-image:url(../images/sur-le-gril4.gif); }
.artistes #sousLeGril { background-image:url(../images/sur-le-gril5.gif); }
.artistes #sousLeGril { background-image:none; }

#surLeGril {
	clear: both;
	float: left;
	width:180px;
	margin:2px;
	padding:0;
	padding-top: 17px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 30px;
}
* html #surLeGril {
	margin-left:10px;
}
#corps {
}
.bandeauNav {
	clear:both;
	float:left;
	width:400px;
	height:20px;
	margin-left:448px;
	margin-top:180px;
	color:#FFFFFF;
	background:transparent none;
}
#header .bandeauNav h2 { color:#ffffff; font-weight:bold; }
#header .bandeauNav a {
	color:#FFFFFF;
	padding:0;
	text-decoration:underline;
}
#header .bandeauNav a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
#sidebar {
	float: left;
	margin:0px;
	margin-left:25px;
	margin-left:0px;
	padding:0;
	padding-top: 20px;
	padding-top: 0px;
	width:180px;
	width:0px;
	background:transparent none;
	text-align:right;
}
#sousMenus {
	float: left;
	width: 185px;
	margin:0;
	padding-left:20px;
	padding-top:18px;
	padding-bottom:10px;
	list-style-position: outside;
	list-style-type: disc;
	overflow:hidden;
}
* html #sousMenus {
	width: 175px;
}
#sousMenus a {
	font-size:11px;
}
#sousMenus ul {
	margin:0;
	padding:0;
	padding-left:12px;
	padding-bottom:15px;
}

#sousMenus img {
	margin:0;
	padding:0;
	margin-left:-15px;
	margin-top:-5px;
}
.mdf #sousMenus, .artistes #sousMenus, .actualites #sousMenus { border-color:#FF6600; }
.musique #sousMenus { border-color:#3366CC; }
.danse #sousMenus { border-color:#CC0000; }
.infos #sousMenus { border-color:#339933; }

#content {
	float: left;
	padding:20px;
	padding-left:0px;
	margin-left:50px;
	width: 380px;
	width: 480px;
	background: transparent none;
	text-align:left;
}
* html #content {
	padding-right:0px;
	margin-left:35px;
	/*background-color:#ccc;*/
	width:480px;
}

.formulaire input, .formulaire select, .formulaire textarea, .formulaire table {font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #000000;}
.rouge {color: #FF0000; }

input, select { color:#000000; font-size:11px; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }
.mdf, .artistes { background-color:#ffffff; }
.mdf strong, .mdf h1, .mdf a,.artistes strong, .artistes h1, .artistes a, .actualites strong, .actualites h1, .actualites a {color: #FF6600;font-size:13px;}
.musique { background-color: #ffffff; }
.musique strong, .musique h1, .musique a {color: #3366CC;font-size:13px;}
.danse { background-color: #ffffff; }
.danse strong, .danse h1, .danse a {color: #CC0000;font-size:13px;}
.infos { background-color: #ffffff; }
.infos strong, .infos h1, .infos a {color: #339933;font-size:13px;}

h1 {font-size:130%; display:inline;}
h2 {font-size:13px; display:inline; color:#333333;}
h3 {font-size:12px; display:inline; }
h4 {font-size:11px; display:inline; }
h5 {font-size:10px; display:inline; }
h6 {font-size:9px; display:inline; }
.filet_haut strong{color:#666666;}
#conteneur{position:relative; width:622px; height:500px;left: 70px; top: 30px;}
#b1, #b2, #b3, #b4, #b5, #b6{
	position:absolute;
	height:37px;
	top:00px;
}
#recherche, #ok, #b_news, #b_langue, #b_contacts{
	position:absolute;
	z-index:4;
	width:61px;
	height:25px;
	top:0px;
}
#recherche{
	width:110px;
}
/*input{ color:#999999;}*/
#b1 a, #b2 a, #b3 a, #b4 a, #b5 a, #b6 a,#recherche a, #ok a, #b_news a, #b_langue a, #b_contacts a,
#liens_directs1 a, #liens_directs2 a, #liens_directs3 a, #liens_directs4 a, #liens_directs5 a, #liens_directs6 a, #liens_directs7 a, #liens_directs8 a{height: 100%;display:block;}
#b1 a{background:url(../images/spacer-menu.gif) no-repeat;}
#b2 a{background:url(../images/spacer-menu.gif) no-repeat;}
#b3 a{background:url(../images/spacer-menu.gif) no-repeat;}
#b4 a{background:url(../images/spacer-menu.gif) no-repeat;}
#b5 a{background:url(../images/spacer-menu.gif) no-repeat;}
#b6 a{background:url(../images/spacer-menu.gif) no-repeat;}

#b1 {left:175px;background:url(../images/spacer-menu.gif) no-repeat; }
#b2 {left:374px;background:url(../images/spacer-menu.gif) no-repeat;}
#b3 {left:576px;background:url(../images/spacer-menu.gif) no-repeat;}
#b4 {left:778px;background:url(../images/spacer-menu.gif) no-repeat;}

#recherche{left:265px; padding-top:4px;}

#ok a:hover{background: transparent none;}
#b_news a:hover{background: transparent none;}
#b_langue a:hover{background: transparent none;}
#b_contacts a:hover{background: transparent none;}

#imagefixe{position:absolute; z-index:2;top:145px;left:532px;width:150px;height:250px;background-color:#FFFFFF;border: 1px dotted #000000;overflow:hidden;}
#bloc1, #bloc2, #bloc3{/*background-color: #FFFFFF;*/}
#bloc1 a:hover, #bloc2 a:hover, #bloc3 a:hover{color: #A1DE0C;background-color:#828282; text-decoration:none;padding-left:0.2em; cursor:pointer;}


#basdepage {
	clear:both;
	float:left;
	height:30px;
	width:980px;
	padding-top:10px;
	text-align:center;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#basdepage a { color:#FFFFFF; }
#basdepage a:hover { color:#FFFFFF; font-weight:normal; text-decoration:none; }
.mdf #basdepage{ background-image: url(../images/bandeau1.gif); }
.musique #basdepage{ background-image: url(../images/bandeau2.gif); }
.danse #basdepage{ background-image: url(../images/bandeau3.gif); }
.infos #basdepage{ background-image: url(../images/bandeau4.gif); }
.actualites #basdepage{ background-image: url(../images/bandeau1.gif); }
.artistes #basdepage{ background-image: url(../images/bandeau1.gif); }

/*------------------------------------------ MENU VERTICAL ----------------------------*/

#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
}
#nav a {
	display: block;
	width: 200px;
}
#nav li { /* tous les items de liste */
 	padding-top: 1px;
	float: left;
	width: 200px; /* largeur obligatoire, sinon opera devient fou */
}
#nav li ul { /* listes de deuxième niveau */
	padding-top:0px;
	top:36px;
	position: absolute;
	background: transparent none;
	width: 200px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}
/*corrige le placement pour chaque bouton*/
#nav #b1:hover ul, #nav #b1.sfhover ul, 
#nav #b2:hover ul, #nav #b2.sfhover ul, 
#nav #b3:hover ul, #nav #b3.sfhover ul, 
#nav #b4:hover ul, #nav #b4.sfhover ul, 
#nav #b5:hover ul, #nav #b5.sfhover ul, 
#nav #b6:hover ul, #nav #b6.sfhover ul { left: 0px;}

/*couleur au survol*/
#b1 ul li a{background: url(../images/fond-sous-menus1.png); color:#fff; width: 195px; 	padding-left:4px;}
#b2 ul li a{background: url(../images/fond-sous-menus2.png); color:#fff; width: 197px;	padding-left:4px;}
#b3 ul li a{background: url(../images/fond-sous-menus3.png); color:#fff; width: 198px;	padding-left:4px;}
#b4 ul li a{background: url(../images/fond-sous-menus4.png); color:#fff; width: 196px;	padding-left:4px;}

#b1 ul li a:hover{background:#FF6600;color:#fff; width: 195px;}
#b2 ul li a:hover{background:#3366CC;color:#fff; width: 197px;}
#b3 ul li a:hover{background:#CC0000;color:#fff; width: 198px;}
#b4 ul li a:hover{background:#339933;color:#fff; width: 196px;}

#b1.sfhover ul li a:sfhover{background:#FF6600;color:#fff; width: 195px;}
#b2.sfhover ul li a:sfhover{background:#3366CC;color:#fff; width: 197px;}
#b3.sfhover ul li a:sfhover{background:#CC0000;color:#fff; width: 198px;}
#b4.sfhover ul li a:sfhover{background:#339933;color:#fff; width: 196px;}

.retourSaisie {
	position:absolute;
	left:20px;
	top:20px;
	z-index:1000;
	border: 1px solid #00CC00;
	padding:5px;
	background-color:#FFFFFF;
}