@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image: url(../images/background.png);
	color:#000;
}
img{
	border: 0;
}
a{
	color:#a40062;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
#container {
	width: 960px;
	margin:20px auto 0 auto;
}
#header {
	height:179px;
	margin-bottom: 10px;
}
#navigation {
	margin-bottom: 10px;
}
#contentcontainer {
	margin-bottom: 10px;
}
#contentleft {
	width:790px;
	float:left;
	margin-right:10px;
	background-color: #ffffff;
	min-height:400px;
	background-image: url(../images/bg_content.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height:650px;
}
/*images aleatoires contenu*/
#contentleft.img1 {
	background-image: url(../images/IMAGE_1.jpg);
}
#contentleft.img2 {
	background-image: url(../images/IMAGE_2.jpg);
}
#contentleft.img3 {
	background-image: url(../images/IMAGE_3.jpg);
}
/*images artistes contenu*/
#contentleft.annaaaron {
	background-image: url(../images/artistes/IMAGE_ANNA.jpg);
}
#contentleft.hindizahra {
	background-image: url(../images/artistes/IMAGE_HINDI.jpg);
}
#contentleft.maciresylla {
	background-image: url(../images/artistes/IMAGE_MACIRE.jpg);
}
#contentleft.peau {
	background-image: url(../images/artistes/IMAGE_PEAU.jpg);
}
#contentleft.phoebekilldeer {
	background-image: url(../images/artistes/IMAGE_PHOEBE.jpg);
}
#contentleft.plastiscines {
	background-image: url(../images/artistes/IMAGE_PLASTISCINES.jpg);
}
#contentleft.solam {
	background-image: url(../images/artistes/IMAGE_SOLAM.jpg);
}
#contentleft.souadmassi {
	background-image: url(../images/artistes/IMAGE_SOUAD.jpg);
}
#contentleft.therodeo {
	background-image: url(../images/artistes/IMAGE_RODEO.jpg);
}
#contentleft.madjo {
	background-image: url(../images/artistes/IMAGE_MADJO.jpg);
}


#contentright {
	width:140px;
	float:left;
	padding:30px 10px 20px 10px;
	background-color: #fff;
}
#contentright img{
	padding-bottom: 2px;
}



#footer {
	clear:both;
	height:50px;
	margin-bottom: 20px;
}
#signature{
	font-size: 0.85em;
	text-align: right;
	margin-bottom: 20px;
}
.clearfloat{
	clear: both;
	font-size: 1px;
}


/* structure contenu */
.contenu_1columns{
	padding: 80px 50px 100px 160px;
}
.contenu_2columns{
}
.leftcolumn{
	width:290px;
	margin-right:20px;
	float:left;
	min-height:100px;
}
.rightcolumn{
	width:440px;
	float:left;
}
.artisteTitle{
	margin-bottom: 20px;
	height: 140px;
}

/* typographie */

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	color:#000;
}
h1{
	color: #000;
	font-size: 1.8em;
	line-height:1em;
}
h2{
	font-size: 1.8em;
	padding-bottom: 20px;
}
h3{
	font-size: 1.25em;
}
h4{
	font-size: 1em;
}
h5{
	font-size: 0.85em;
}
.artisteTitle h2{
	padding-bottom: 0;
	font-size: 2.2em;
}
#pagetitle{
	padding-bottom: 0px;
	margin-bottom: 30px;
	border-bottom: 1px solid #000;
}
p{
	margin:0;
	padding-top:0;
	padding-bottom: 20px;
	line-height:1.45em;
}
#contentright p{
	margin:0;
	paddding:0;
	padding-bottom: 15px;
	font-size: 0.9em;
	line-height:1.45em;
}
#contentright h2{
	text-transform: lowercase;
	color:#7b6f5e;
}

.date{
	font-weight: bold;
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
}
.heure{
	width: 80px;
	vertical-align:bottom;
}
.programmeelement td{
	vertical-align:baseline;
}
.programmeelement{
	margin-bottom: 20px;
}
.programmeelement h2{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.artiste_details{
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
}


div#menu{
	background: transparent url(../images/bg_menu.png) no-repeat top left;
	height: 48px;
}


/* NEW DROPDOWN MENU */

body {behavior: url(../css/csshover.htc);}
div#menu a {color:#000000;}
div#menu li.actif a {font-weight: bold;}
div#menu li.actif li a {font-weight: normal;}
div#menu li.actif li a.actif {font-weight: bold;}

div#menu ul {padding: 0; margin:0px; text-align:center;z-index:10;}
div#menu li {}
div#menu li a:hover { font-weight: bold;}
div#menu li:hover li a{ font-weight: normal;}
div#menu li:hover li a:hover{background-color: #fff;font-weight: bold;}
div#menu li.sousmenu:hover {font-weight: bold;}
div#menu li:hover li.sousmenu:hover a{font-weight: bold;}
div#menu li li li a{font-weight: normal !important;}
div#menu li li li a:hover{font-weight: bold !important;}
div#menu li.actif li li.actif a {font-weight: bold !important;}
div#menu li.sousmenu:hover a{}
/* rejout couleur de fond */
div#menu li.sousmenu {}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { }

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left;}

div#menu ul ul {position: absolute;display:none; width:160px;z-index:5;}
div#menu li a {text-decoration: none; padding: 10px 0 0 0; display:block;width:160px;height: 25px;
	text-transform: uppercase;
	font-size: 1em;
	}
div#menu li li a {height:auto;padding:10px 0;}


div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:0px; left: 160px; padding-bottom: 5px;}
div#menu ul.niveau2{
	background-image:;
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 160px;
	background-color:#fff;
	padding-bottom: 5px;
}
/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { }
div#menu ul.niveau3 li:hover { background: #fff; font-weight: bold;}


div#menu li.festival ul, div#menu li.festival ul ul{
	background: #fff url(../images/bg_ssmenu_festival.png) no-repeat bottom left ;
}
div#menu li.association ul{
	background: #fff url(../images/bg_ssmenu_association.png) no-repeat bottom left ;
}
div#menu li.pro ul{
	background: #fff url(../images/bg_ssmenu_pro.png) no-repeat bottom left ;
}
div#menu li.partenaires ul{
	background: #fff url(../images/bg_ssmenu_partenaires.png) no-repeat bottom left ;
}