/******************* STRUCTURE DE LA PAGE *****************************/
/* General */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	background-image: url(../pix/back_02.jpg);
	background-color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
}
a{
	color: #330000;
  text-decoration: none;
}
/* Fond de la page */
#horizon {   
  background-image: url(../pix/back_01.jpg);
  background-repeat: repeat-x;
}
/* Cadre haut */
#haut {
  display: block;
	width: 910px;
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
}

/* Contenu de la page */
#contenu {
  display: block;
	background-image: url(../pix/cadre.jpg);
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}
/* Bas de la page */
#bas {
  display: block;
	background-image: url(../pix/foot.jpg);
	background-repeat: no-repeat;
	width: 910px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
  font-size: 10px;
}

/******************** MISE EN PAGE DES DECORATIONS ********************/
/* Titre */
#titre {
  display: block;
  float: left;
	position: relative;
	background-image: url(../pix/logo_mfk.jpg);
  width: 600px;
  height: 250px;
  margin: 0;
  padding: 0;
}
#myspace a:hover {background: url(../pix/myspace_mfk.png) no-repeat 0 -250px ;}
#myspace a:active {background: url(../pix/myspace_mfk.png) no-repeat 0 -250px ;}
#myspace a {
			display: block ;
			float: left;
			position: relative;
			width: 310px ;
			line-height: 250px ;
			background: url(../pix/myspace_mfk.png) no-repeat 0 0 ;
			border: 0px;
}

/* Bande du menu */
#menu {
  display: block;
	background-image: url(../pix/navigation.jpg);
	width: 910px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}
/* barre du menu principal */
#bar a:hover {background: url(../pix/but01.png) no-repeat 0 -50px ;}
#bar a:active {background: url(../pix/but01.png) no-repeat 0 -100px ;}
#bar a {
			display: block ;
			float: left;
			position: relative;
			width: 153px ;
			line-height: 50px ;
			background: url(../pix/but01.png) no-repeat 0 0 ;
			border: 0px;
}
#bar-down a {
			display: block ;
			float: left;
			position: relative;
			width: 153px ;
			line-height: 50px ;
			background: url(../pix/but01.png) no-repeat 0 -100px ;
			border: 0px;
}
#concert a:hover {background: url(../pix/but02.png) no-repeat 0 -50px ;}
#concert a:active {background: url(../pix/but02.png) no-repeat 0 -100px ;}
#concert a {
			display: block ;
			float: left;
			position: relative;
			width: 220px ;
			line-height: 50px ;
			background: url(../pix/but02.png) no-repeat 0 0 ;
			border: 0px;
}
#concert-down a {
			display: block ;
			float: left;
			position: relative;
			width: 220px ;
			line-height: 50px ;
			background: url(../pix/but02.png) no-repeat 0 -100px ;
			border: 0px;
}
#contact a:hover {background: url(../pix/but03.png) no-repeat 0 -50px ;}
#contact a:active {background: url(../pix/but03.png) no-repeat 0 -100px ;}
#contact a {
			display: block ;
			float: left;
			position: relative;
			width: 134px ;
			line-height: 50px ;
			background: url(../pix/but03.png) no-repeat 0 0 ;
			border: 0px;
}
#contact-down a {
			display: block ;
			float: left;
			position: relative;
			width: 134px ;
			line-height: 50px ;
			background: url(../pix/but03.png) no-repeat 0 -100px ;
			border: 0px;
}
#acces a:hover {background: url(../pix/but04.png) no-repeat 0 -50px ;}
#acces a:active {background: url(../pix/but04.png) no-repeat 0 -100px ;}
#acces a {
			display: block ;
			float: left;
			position: relative;
			width: 90px ;
			line-height: 50px ;
			background: url(../pix/but04.png) no-repeat 0 0 ;
			border: 0px;
}
#acces-down a {
			display: block ;
			float: left;
			position: relative;
			width: 90px ;
			line-height: 50px ;
			background: url(../pix/but04.png) no-repeat 0 -100px ;
			border: 0px;
}

/* pied de page */
#bas-gauche {
 display: block;
 float: left;
 width: 320px;
 padding-top:10px;
 padding-left:30px;
 text-align: left;
}
#bas-centre {
 display: block;
 float: left;
 margin-right: auto;
 margin-left: auto;
 margin-top:20px;
 text-align: center;
 color: #ffffff;
 font-size: 10px;
 font-weight: bold;
}
#bas-centre a{
 color: #666666;
}
#bas-droite {
 display: block;
 float: left;
 width: 320px;
 margin-top:20px;
 text-align: right;
}

#bas a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-decoration: none;
 color: #666666;
}
#bas a:hover {
 text-decoration: underline;
}

/******************** MISE EN PAGE DU CONTENU *************************/
/* sous-menu => carte */
#sousmenu {
  display: block;
	padding-top: 3px;
	padding-bottom: 8px;
	padding-left: 60px;
	margin: 0 0 0 0;
	font-size: 12px;
	color: #883133;
	text-align: left;
}
#sousmenu img{
  display: block;
	margin-top: -15px;
	margin-right: 20px;
	float: right;
}
#sousmenu b {
}
#sousmenu a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #6b5d86;
 font-weight: bold;
}
#sousmenu a:hover {
 color: #8e5d7d;
}
/* Accueil */
#photo {
  display: block;
	background-image: url(../pix/photo_mfk.jpg);
	margin-right: auto;
	margin-left: auto;
	width: 880px;
	height: 400px;
	text-align: left;
}
#texte {
  display: block;
	margin-left: 43px;
	padding-top: 25px;
	width: 270px;
	height: 220px;
	color: #ffffff;
	text-align: left;
}
#texte h3{
 font-size: 14px;
 font-weight: bold;
 margin-left: 0px;
 color: #ffffff;
}
#texte b{
 font-size: 12px;
 font-weight: bold;
}
#texte p{
 font-size: 11px;
}

/* Page de texte */
#main {
 display: block;
 position: relative;
 width: 830px;
 margin-top: 0;
 margin-right: auto;
 margin-left: auto;
 font-size: 10px;
 font-weight: bold;
}

/* Carte */
h2 {
  display: block;
	width: 840px;
	height: 35px;
	background-image: url(../pix/titre.png);
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding-top : 5px;
	padding-left: 5px;
  margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#carte {
 display: block;
 width: 840px;
 margin-left: 50px;
 margin-top: 0px;
	text-align: center;
}
#img-carte {
 display: block;
 width: 290px;
 min-height:100%;
 background-image: url(../pix/photo.jpg);
}

.produit-sombre {
 display: block;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:5px;
 width:450px;
 color: #ffffff;
}
.produit-sombre b{
 font-size: 12px;
}
.produit-sombre i{
 font-size: 12px;
}
.prix-sombre {
 font-size: 12px;
 width: 60px;
 text-align:center;
}
.produit-clair {
 display: block;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:5px;
 width:450px;
}
.produit-clair b{
 font-size: 12px;
}
.produit-clair i{
 font-size: 12px;
}
.prix-clair {
 font-size: 12px;
 width: 60px;
 text-align:center;
}
#img-droite-contact {
 display: block;
 position: relative;
 float: right;
 width: 330px;
 height:230px;
 background-image: url(../pix/illustration-contact.jpg);
 background-repeat: no-repeat;
}
.commentaire {
 display: block;
 width: 250px;
 margin-right: 0;
 padding-right: 0;
 margin-top:10px;
 margin-left: 20px;
 font-size:10px;
 font-weight: bold;
}
.commentaire b {
 font-size: 12px;
}

.alcool {
  display: block;
	text-align: left;
	font-size: 10px;
	font-style: italic;
  margin-left: 17px;
	color:#333333;
}

/******************** MISE EN PAGE DES FORMULAIRES ********************/
h4 {
  display: block;
	width: 489px;
	height: 35px;
	background-image: url(../pix/petit-titre.png);
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding-top : 7px;
	padding-left: 10px;
  margin-left: 0px;
	margin-bottom: 0;
}
h5 {
  display: block;
	width: 290px;
	height: 35px;
	background-image: url(../pix/titre-mfk.png);
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding-top : 7px;
	padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
	margin-bottom: 0px;
}
.demi-droite{
 font-size:15px;
 display: block;
 margin-left:5px;
}
.demi-formul{
 font-size:15px;
}
.demi-formul h2{
 margin-left:0px;
}
.demi-formul label{
 margin-top:0px;
 display:block;
 font-size:10px;
 font-weight: bold;
}
.demi-formul input{
 border:1px solid black;
 width:489px;
 background: url(../pix/back_form.jpg);
 font-family:"trebuchet ms",sans-serif;
}
.date-formul input{
 border:1px solid black;
 width:30px;
 background: url(../pix/back_form.jpg);
 font-family:"trebuchet ms",sans-serif;
}
.demi-formul textarea{
 border:1px solid black;
 width:489px;
 background: url(../pix/back_form.jpg);
 background-repeat: repeat-x;
}
.envoyer {
 display: block;
 background: url(../pix/bouton-envoyer.png);
 width: 147px;
 height: 18px;
 margin-right: auto;
 margin-left: auto;
}
.details {
 font-size: 10px;
}

/******************** PAGE CONCERT ************************************/
.concert-titre {
 width: 600px;
 height: 35px;
 background: url(../pix/groupe_mfk.png);
 margin-top: 0;
 font-size: 14px;
 color: #ffffff;
 text-align: left;
}
.concert-titre b{
 display: block;
 font-size: 15px;
 padding-top: 8px;
 padding-left: 14px;
 font-weight: bold;
}

.concert-pict {
 display: block;
 width: 170px;
 margin-top: 10px;
}

.concert-details {
 margin-left: 20px;
 text-align: left;
}

.concert-details p{
 width: 420px;
 font-size: 11px;
 color: #333333;
 text-align: justify;
}

.concert-details a{
 color: #663366;
 font-weight: bold;
}
.concert-details a:hover{
 color: #883133;
}

.concert-date {
 display: block;
 width: 170px;
 height: 35px;
 background: url(../pix/date_mfk.png);
 margin-top:0;
 font-size: 14px;
 font-weight: bold;
 color: #ffffff;
}
.concert-date b{
 display: block;
 font-size: 15px;
 padding-top: 8px;
 font-weight: bold;
}


/******************** MISE EN PAGE DE LA PARTIE ADMIN *****************/
.pb {
 display: block;
 border-width: 1px;
 border-style: solid;
 background: url(../pix/back_form.jpg);
 background-repeat: repeat-x;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 20px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 14px;
 font-weight: bold;
 color: #330000;
}
#tips {
 display: block;
 width: 335px;
 border-style: dotted;
 border-width: 1px;
 padding: 5px 5px 5px 5px;
 margin: 10px 0 0 15px;
 font-size: 10px;
}
#tips b {
font-size: 12px;
}
.adm-ajouter {
 display: block;
 background: url(../pix/adm-ajouter.png);
 width: 147px;
 height: 18px;
 margin-right: auto;
 margin-left: auto;
}
.adm-envoyer {
 display: block;
 background: url(../pix/adm-envoyer.png);
 width: 147px;
 height: 18px;
 margin-right: auto;
 margin-left: auto;
}
.adm-modifier {
 display: block;
 background: url(../pix/adm-modifier.png);
 width: 147px;
 height: 18px;
 margin-right: auto;
 margin-left: auto;
}


/********************* JUSTE POUR LA DEMO ***************************/
#cmd-style {
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 150px;
 height: 36px;
 background-color: #cccccc;
 font-size: 10px;
 text-align: center;
 border-color: #000000;
 border-style: solid;
 border-width: 1px
}