body{

  /* font-size: 12px;

   font-family: Helvetica,Arial,sans-serif; */

   background-image: url(../../../images/fondf2.jpg);     

   background-repeat:no-repeat;    

   background-color: rgb(227,218,213);

}

  
div {
margin:0px;
padding:0px;
}
#Partie1{ 
  /*width:960px;*/
  width:1200px;
  margin:0px;
  /*background-color: rgb(0,204,255);*/
  /*border: 2px dotted green;  */
}

#Partie2{ 
  /*width:960px;*/
  width:1200px;
  /*background-color: rgb(153,255,255);*/ 
  /*border: 2px dotted yellow; */
}

#Partiehaut{ 
  width:940px;
  height:70px;
  min-height:70px;
  /*background-color: rgb(255,153,51);*/
  /*border: 2px dotted red;*/
}

#Sectiontop{
  width:500px;
  /*padding: 50px 0 0 0;*/
  /*background-color: rgb(255,51,102);*/
  /*border: 3px dashed silver;*/
}

#Partiemenu{
  margin-top: 0px;
  padding-top: 0px;
  width:940px; 
  height:220px;
  min-height:300px;
  /*border: 4px dotted red;*/

}
#Sectiongauchehaut{
  /*padding-top:50px;*/
  float: left;
  width: 186px;
  height: 220px;
  /*background-color: rgb(255,255,51);*/
  /*border: 1px dotted red;*/
}

/* menu */
#Sectionmenu{
  padding-top:30px;
  float:left;
  width:140px;
  /*background-color: rgb(0,255,255);*/
  /*border: 1px dashed blue; */

}

#Sectiondroitehaut{
  /*padding-top:50px; */
  /*padding-top:100px;*/
  margin-top:140px;
  padding-left: 90px;
  float:left;
  width:270px;
  height: 30px;

  /*background-color: rgb(255,0,255);*/
  /*border: 1px dashed green; */

}
/* jukebox playlist */
#Sectionusermenu{ 

  margin-right: 40px;
  margin-top: 110px;
  /*padding-top:125px;*/
  float:right;
  width:200px;
  height  :100px;
  /*background-color: rgb(255,0,255);*/
  /*border: 1px dashed green;*/
} 


#Partiemilieu{

  /*width:960px;*/
  width:930px;
  margin-top:0px;
  padding-top:0px;
  
  /*background-color: rgb(255,255,51); */
  /*border: 2px dashed blue;*/
}

/* contact */
#Sectiongauche{ 
  float:left;
  width:220px;
  /*background-color: rgb(255,255,51);*/
  padding-top:100px;
  padding-left:0px;
  /*border: thin dotted red; */
} 

#Partiecentre{ 

  float:left;
  padding-top:0px;
  width:708px;
  /*background-color: rgb(255,255,255);*/
  /*border: 1px dashed green;*/
} 

#Sectionuser{ 

  clear:left;
  width:708px;
  /*border: 1px dashed silver;*/ 
}

#Sectioncontenu{ 
 
  width:708px;
  /*min-height: 350px; */
  min-height: 400px;
  /*background-image: url(../../../images/fond_contenu.jpg);     

   background-repeat:no-repeat;    

   background-color: rgb(227,218,213);*/
  /*background-color: rgb(255,255,255);*/
  /*border: 1px dashed silver;*/
}

#Partiedroite{
  float:right;
  margin-right: 145px;
/*  padding-right: 130px;*/
  /*padding-top: 160px;*/
  width:100px;
  /*margin-left: 20px;*/
  /*border: 1px dashed black;*/
}
/*dates*/
#Sectiondroitedates{
  /*clear:left;*/
  padding-top: 240px;
  margin-bottom: 5px;
  width:200px;
  /*height: 100px;*/
  
}

/*diaporama*/
#Sectiondroite{
  /*padding-top: 20px; */
  /*margin-top: 10x;*/
  width:100px;
}

#Partiebas{
  clear:both;
  width:708px;
  padding-left: 219px;
  /*background-color: rgb(255,204,153); */

}
#Sectionfooter{
  height:52px;
  margin-top: 20px;
  /*background-color: rgb(227,218,213);*/
  vertical-align: center;
  /*border: 3px dashed green;*/
}

 /* font ghosttown*/
@font-face {
	  font-family: "ghosttown";
    src: url("Gtown.ttf")
}
<!--[if IE]>
@font-face { 
    font-family: "ghosttown";
    src: url("Gtown.eot");
}
<![endif]-->

@font-face  {
    font-family: "unicorn";
    src: url("UNICORN.TTF")
}


  /*pour modifier titres des categories*/ 
.componentheading{

  /*margin-right: 20;*/

  /*margin-top: 10; */

  /*font-weight: bold;*/
  
  font-size: 60px;

  font-family: "ghosttown", arial; 
  
  /*color: rgb(239,183,157);*/
  
  color: #e1d0c9;

  padding-left: 0px;

	margin-bottom: 0px;

	text-align: center;

}

/*pour modifier titres des articles*/

.contentheading {

  /*margin-left: 20; */
  width: 708px;
  height: 23px;
  font-family: arial;

	font-size: 14px;
	
	letter-spacing: 2px;

	/*font-variant: small-caps;*/

	color: rgb(204,0,102);
	/*background-color: rgb(137,137,137);*/

	text-align: center;
	background-image: url(../../../images/titre_content.png);  
  background-repeat:no-repeat; 
}

/*pour modifier contenu articles*/

.contentpaneopen{

  margin-left: 50px;

  margin-right: 50px;

  /*font-family: georgia;

	font-size: 12;  

	text-align: left;*/
}

.createdate {

  margin-left: 50px;

  margin-right: 50px;

  font-family: Arial;

  font-size: 10px; 
	
  color: rgb(128,128,128);

  text-align: left;
}


/*enlever le separateur d'articles*/
span.article_separator {
display: none;
}     

/* Gros Titres*/
h1 {
  font-family: arial;
	font-size: 30px;
	color: #ff3954;
	text-align: center;
}

/*Titres*/
h2 {
  font-family: arial;
  font-weight: bold;
	font-size: 14 px;
	font-weight: normal;  
	color: rgb(128,128,128);
}
/*sous-titres*/
h3 {
	 font-family: Georgia;
  font-weight: bold;
	font-size: 16px; 
	color: #db6271;
	text-align: justify;
}
/*texte à mettre en avant*/
h4 {
  font-family: Georgia;
	font-size: 14px; 
	color: #7b7474;
	text-align: justify;
}
/*style lecteur musique*/
h5 {
  font-family: georgia;
  font-weight: bold;
	font-size: 14px; 
	color: #ff3954;
}
p {
  font-family: georgia;
	font-size: 10px; 
	color: rgb(89,89,89);
	/*text-align: center;*/
}

/*****************************/

/*** Core html setup stuff ***/

/*****************************/

hr{
color: #f8786d;
border : thin dotted;
width : 610px;
size: 4px;
}

/*module titre des categories dans partiedroitehaut- right*/
div.moduletablemod_titres p{
  font-size: 50px;
  font-family: "ghosttown", arial; 
  color: #e1d0c9;
  padding-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}
/*pour le titre des spectacles dans right*/
div.moduletablemod_titrespectacles p{
  font-size: 30px;
  font-family: "ghosttown", arial; 
  color: #e1d0c9;
  padding-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}

/*module titre des categories dans partiedroitehaut- right*/
div.moduletablemod_dates p{
  font-size: 11px;
  font-family: verdana; 
  color: rgb(255,255,255);
  /*font-weight: bold;*/
	text-align: left;
	/*background-color: rgb(204,0,51);*/
}
div.moduletablemod_dates {
  background-image: url(../../../images/fond_dates.gif);     
  background-repeat:no-repeat;   
  /*background-color: rgb(255,182,193); */
  padding-left:10px;
  padding-right:10px;
  padding-top: 5px; 
  padding-bottom:5px;

	/*background-color: rgb(204,0,51);*/
}

/* liens */
a:link, a:visited {

  color: rgb(255,0,0);
	text-decoration: none;
	font-weight: normal;
	font-size : 12px;
  font-family: Arial;
}


  /* centrer le sous menu */
 div.moduletable_sousmenu table{
    text-align: center;
 }
  div.moduletable_sousmenu span{
    color: rgb(244,211,98);
 }
 /* liens sous menu */
 div.moduletable_sousmenu a:link {
    font-family: "ghosttown";
    /*color: rgb(249,73,55);*/
    color: rgb(151,151,151);
    font-size : 30px;
    letter-spacing: 2px;
}
 div.moduletable_sousmenu a:visited {
    font-family: "ghosttown"arial;
    /*color: rgb(249,73,55);*/
    color: rgb(151,151,151);
    font-size : 30px;
    letter-spacing: 2px;
}
div.moduletable_sousmenu a:hover {
  /*color: rgb(151,151,151);*/
  color: rgb(249,73,55);
	text-decoration: none;
	font-weight: normal;
	font-size : 30px;
	letter-spacing: 2px;
}


/* liens menu */
.menu a:link {
    font-family: "ghosttown", arial;
    color: rgb(255,255,255);
    font-size : 24px;
    letter-spacing: 2px;
}
.menu a:visited {
    font-family: "ghosttown", arial;
    color: rgb(255,255,255);
    font-size : 24px;
    letter-spacing: 2px;
}
.menu a:hover {
    font-family: "ghosttown", arial;
    color: rgb(255,0,0);
    font-size : 24px;
    letter-spacing: 2px;
}


ul, li {	/* utilisation de liste pour le menu */

  list-style-type: none;	/* suppression des puces de liste */
  margin:0px;
  padding:0px; 
  margin-bottom: -6px;
}

ul {
  position: absolute;	/* positionnement pour IE5 et IE5.5 */
  width: 140px;
  padding-top: 0px;
  text-align: center;
}

/* pour appliquer un style sur l'item2 */
.menu .item2{
  /*border:thin  #FF0000 groove;*/
}


/*style du sous menu*/

div.moduletable_sousmenu {
    
    overflow:hidden;/* ceci pour etirer */
}

.menu_sousmenu {

  background-color: #990000;
  text-align: center;
}

/*style du main menu*/
.menu{
/*background-color: rgb(0,255,0);*/  
}

/* style de la newsletter*/
.moduletable_newsletter{

}
/*diaporama*/
.moduletablediapo  ul{
  width: 0px;
}


/*  titre contact */
.moduletableclasscontact{
  /*text-align: center;*/
  font-family: tahoma;
 /* font-family: arial;*/
  color: rgb(255,0,0);
  font-size: 12px;
  margin-left: 10px;
}
.moduletableclasscontact td{
  /*text-align: center;*/
  font-family: arial;
  color: rgb(255,0,0);
  font-size: 12px;
}
 /* champs email et sujet pour rapid contact*/
.rapid_contact .inputbox{
  width: 110px;
}
/* bouton de rapid contact*/ 
.rapid_contact .button{
  margin-left:100px;
}



/*pour le module imageflow*/

#imageflow {

  width: 500px;

  max-width: 800px;

  min-height:100%;

  text-align: left;

  margin: 0 auto;

  position: relative;

  border: 0px;

  background-color: black;

  padding: 0px 20px;

}



#images img {

  position:absolute;

  top:0px;

  border:none;

}



#imageflow h1 {

  font-size:200.1%;

  text-align:center;

}

#images a{

  color: #fff;

}

#images {

  visibility:hidden;

}



#loading{

  margin-top:164px;

  margin-bottom:200px;

  text-align:center;

  color: yellow;



  width:100%;

}



#loading img{

  margin-top:10px;

  position:relative;

}



#captions{

  font-weight:bold;



  position:relative;

  text-align:center;

  color: yellow;

  z-index:101;

}



#scrollbar{



  visibility:hidden;

  position:relative;

  border-bottom:1px solid black;

  z-index:102;

}



#slider {

  position:absolute;

  margin-top:-7px;

  margin-left:-7px;

  z-index:103;

  background-image: url(../../../modules/mod_imageflow/slider.png);

  background-repeat:no-repeat;

  width:14px;

  height:14px;

}