/******************* STRUCTURE DE LA PAGE *****************************/
/* General */
body {
	font-family: Trebuchet,Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	background-image: url(../pix/back.png);
	background-color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
}
a{
	color: #000000;
  text-decoration: none;
}
/* Fond de la page */
#horizon {   
  background-image: url(../pix/back.png);
}
/* Cadre haut */
#haut {
  display: block;
	width: 930px;
	height: 170px;
	background-image: url(../pix/back-01.png);
	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/back-01.png);
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
/* Bas de la page */
#bas {
  display: block;
	background-image: url(../pix/back-02.png);
	background-repeat: no-repeat;
	width: 930px;
	height: 35px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
  font-size: 10px;
}

/******************** MISE EN PAGE DES DECORATIONS ********************/
/* Titre */
#titre1 {
  display: block;
  float: left;
	position: relative;
	background-image: url(../pix/mattrel-01.png);
  width: 490px;
  height: 170px;
  margin: 0;
  padding: 0;
}
#titre2 {
  display: block;
  float: right;
	position: relative;
	background-image: url(../pix/mattrel-02.png);
  width: 440px;
  height: 170px;
  margin: 0px;
  padding: 0px;
	text-align:right;
}
#titre2 a{
  display: block;
  margin-right:40px;
	margin-top: 10px;
	font-size: 10 px;
	color: #ffffff;
}

/* Bande du menu */
#menu {
  display: block;
	width: 930px;
	height: 60px;
	background-image: url(../pix/back-01.png);
	margin-right: auto;
	margin-left: auto;
}
/* barre du menu principal */
#but01 a:hover {background: url(../pix/but-01.png) no-repeat 0 -60px ;}
#but01 a:active {background: url(../pix/but-01.png) no-repeat 0 -120px ;}
#but01 a {
			display: block ;
			float: left;
			position: relative;
			width: 204px ;
			line-height: 60px ;
			background: url(../pix/but-01.png) no-repeat 0 0 ;
			border: 0px;
}
#but01-down a {
			display: block ;
			float: left;
			position: relative;
			width: 204px ;
			line-height: 60px ;
			background: url(../pix/but-01.png) no-repeat 0 -120px ;
			border: 0px;
}
#but02 a:hover {background: url(../pix/but-02.png) no-repeat 0 -60px ;}
#but02 a:active {background: url(../pix/but-02.png) no-repeat 0 -120px ;}
#but02 a {
			display: block ;
			float: left;
			position: relative;
			width: 146px ;
			line-height: 60px ;
			background: url(../pix/but-02.png) no-repeat 0 0 ;
			border: 0px;
}
#but02-down a {
			display: block ;
			float: left;
			position: relative;
			width: 146px ;
			line-height: 60px ;
			background: url(../pix/but-02.png) no-repeat 0 -120px ;
			border: 0px;
}
#but03 a:hover {background: url(../pix/but-03.png) no-repeat 0 -60px ;}
#but03 a:active {background: url(../pix/but-03.png) no-repeat 0 -120px ;}
#but03 a {
			display: block ;
			float: left;
			position: relative;
			width: 199px ;
			line-height: 60px ;
			background: url(../pix/but-03.png) no-repeat 0 0 ;
			border: 0px;
}
#but03-down a {
			display: block ;
			float: left;
			position: relative;
			width: 199px ;
			line-height: 60px ;
			background: url(../pix/but-03.png) no-repeat 0 -120px ;
			border: 0px;
}
#but04 a:hover {background: url(../pix/but-04.png) no-repeat 0 -60px ;}
#but04 a:active {background: url(../pix/but-04.png) no-repeat 0 -120px ;}
#but04 a {
			display: block ;
			float: left;
			position: relative;
			width: 122px ;
			line-height: 60px ;
			background: url(../pix/but-04.png) no-repeat 0 0 ;
			border: 0px;
}
#but04-down a {
			display: block ;
			float: left;
			position: relative;
			width: 122px ;
			line-height: 60px ;
			background: url(../pix/but-04.png) no-repeat 0 -120px ;
			border: 0px;
}
#but05 {
			display: block ;
			float: left;
			position: relative;
			width: 259px ;
			line-height: 60px ;
			background-image: url(../pix/but-05.png);
			border: 0px;
}

/* pied de page */
#bas-gauche {
 display: block;
 float: left;
 width: 320px;
 padding-top:20px;
 padding-left:60px;
 text-align: left;
}
#bas-gauche a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-decoration: none;
 color: #666666;
}
#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: 400px;
 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 b {
}
#sousmenu a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #000000;
 font-weight: bold;
}
#sousmenu a:hover {
 text-decoration: underline;
 color: #000000;
}
/* Accueil */
#acc {
  display: block;
  width: 930px;
	height: 410px;
	background-image: url(../pix/alain-mattrel.png);
	margin: 0;
	padding:0;
}
#acc-droite {
 display: block;
 margin-left: 520px;
 padding-top: 25px;
 width: 310px;
 color: #ffffff;
 text-align: left;
}
#acc-droite h3{
 font-family: Trebuchet,Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 margin-left: 0px;
 color: #ffffff;
}

/******************** EXPO ********************************************/

/******************** MISE EN PAGE DES FORMULAIRES ********************/
#main {
 display: block;
 position: relative;
 width: 810px;
 margin-top: 0;
 margin-left: 60px;
 font-size: 10px;
 font-weight: bold;
}

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: 0px;
  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{
 padding-left:10px;
 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:450px;
 background: url(../pix/back-contact.png);
 font-family:"trebuchet ms",sans-serif;
}
.demi-formul select{
 border:1px solid black;
 width:450px;
 font-family:"trebuchet ms",sans-serif;
}
.demi-formul textarea{
 border:1px solid black;
 width:450px;
 background: url(../pix/back-contact.png);
 background-repeat: repeat-x;
}
.envoyer {
 display: block;
 background: url(../pix/but-envoyer.png);
 width: 145px;
 height: 30px;
 margin-right: auto;
 margin-left: auto;
}
.details {
 font-size: 10px;
}

.commentaire {
 display: block;
 width: 250px;
 margin-right: 0;
 padding-right: 0;
 margin-top:10px;
 margin-left: 10px;
 font-size:10px;
 font-weight: bold;
 color: #ffffff;
}
.commentaire b {
 font-size: 12px;
}
.commentaire a{
color: #ffffff;
}



/******************** PAGE CONCERT ************************************/
#carte {
  display: block;
	padding-top: 3px;
	padding-bottom: 8px;
	padding-left: 60px;
	margin: 0 0 0 0;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

.concert-titre {
 width: 600px;
 height: 35px;
 background: url(../pix/groupe_mfk.png);
 margin-top: 0;
 font-size: 14px;
 color: #000000;
 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;
 color: #000000;
}

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

.concert-details a{
 color: #000000;
 display: block;
 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;
 background-color: #ffffff;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 20px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 14px;
 font-weight: bold;
 color: #330000;
}
h2 {
  display: block;
	width: 575px;
	height: 55px;
	background-image: url(../pix/expo-02.png);
	background-repeat: no-repeat;
	color: #000000;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding-top : 18px;
	padding-left: 20px;
  margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#tips {
 display: block;
 width: 300px;
 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/but-ajouter.png);
 width: 147px;
 height: 30px;
 margin-right: auto;
 margin-left: auto;
}
.adm-envoyer {
 display: block;
 background: url(../pix/but-envoyer.png);
 width: 147px;
 height: 30px;
 margin-right: auto;
 margin-left: auto;
}
.adm-modifier {
 display: block;
 background: url(../pix/but-modifier.png);
 width: 147px;
 height: 30px;
 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
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(https://www.voyage-campingcar.com/pix/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(https://www.voyage-campingcar.com/pix/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	left: 50%;
}

#lbNextLink:hover {
	background: transparent url(https://www.voyage-campingcar.com/pix/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(https://www.voyage-campingcar.com/pix/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}