body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(images/fond_body.jpg);
	background-repeat: repeat-x;
	background-position: 0 0% ;
	margin:0;
	background-color:#0B0B0B;
}
.fond {
	background:url(images/bg.jpg) repeat-x #000;
}

a {
	text-decoration:none;
	color: #ffd200;
}


a:hover{
	text-decoration:none;
	color: #dd8e04;
}


#page {
	margin: 0 auto;
	height: auto;
	width: 955px;
	background-color: #010101;
	position: relative;
}


#header_acc {
	float: left;
	height: 170px;
	width: 955px;
	background-image: url(images/header_acc.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	
}

#logo {
	float: left;
}
#menu {
	float: right;
	height: 150px;
	width: 270px;
	padding-top:0px;
}


#menu ul{
	margin:0px;
	padding:0 1px 0 1px;
	float: left;
	text-transform: uppercase;
	width: 122px;
}

#menu li{
text-align:center;
list-style:none;
margin: 0 0 0px 0;
}


#accueil a{
	background-image:url(images/menu/off.jpg);
	color:#FFFFFF;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}

#accueil a:hover{
	background-image:  url(images/menu/accueil_on.jpg);
	color:#000;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}


#accueil .active{
	background-image:  url(images/menu/accueil_on.jpg);
	color:#000;
	font-size:14px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}


#prestation a {
	background-image:url(images/menu/off.jpg);
	color:#FFFFFF;
	font-size:12px;
	height:28px;
	width:122px;
	display:block;
	padding-top:3px;
	padding-bottom:2px;
	font-weight:bold;
}

#prestation a:hover {
	background-image:  url(images/menu/karaoke_on.jpg);
	color:#000;
	font-size:12px;
	height:28px;
	width:122px;
	display:block;
	padding-top:3px;
	padding-bottom:2px;
	font-weight:bold;
}

#prestation .active {
	background-image:  url(images/menu/karaoke_on.jpg);
	color:#000;
	font-size:12px;
	height:28px;
	width:122px;
	display:block;
	padding-top:3px;
	padding-bottom:2px;
	font-weight:bold;
}

#karaoke a{
	background-image:url(images/menu/off.jpg);
	color:#FFFFFF;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}

#karaoke a:hover{
	background-image:  url(images/menu/karaoke_on.jpg);
	color:#000;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}

#karaoke .active{
	background-image:  url(images/menu/karaoke_on.jpg);
	color:#000;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}




#ref a{
	background-image:url(images/menu/off.jpg);
	color:#FFFFFF;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}

#ref a:hover{
	background-image:  url(images/menu/ref_on.jpg);
	color:#000;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}



#ref .active{
	background-image:  url(images/menu/ref_on.jpg);
	color:#000;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}

#soirees a {
	background-image:url(images/menu/off.jpg);
	color:#FFFFFF;
	font-size:12px;
	height:28px;
	width:122px;
	display:block;
	padding-top:3px;
	padding-bottom:2px;
	font-weight:bold;
}

#soirees a:hover{
	background-image:  url(images/menu/contact_on.jpg);
	color:#000;
	font-size:12px;
	height:28px;
	width:122px;
	display:block;
	padding-top:3px;
	padding-bottom:2px;
	font-weight:bold;
}

#soirees .active{
	background-image:  url(images/menu/contact_on.jpg);
	color:#000;
	font-size:12px;
	height:28px;
	width:122px;
	display:block;
	padding-top:3px;
	padding-bottom:2px;
	font-weight:bold;
}

#contact a{
	background-image:url(images/menu/off.jpg);
	color:#FFFFFF;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}

#contact a:hover{
	background-image:  url(images/menu/contact_on.jpg);
	color:#000;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}

#contact .active{
	background-image:  url(images/menu/contact_on.jpg);
	color:#000;
	font-size:12px;
	height:23px;
	width:122px;
	display:block;
	padding-top:12px;
	font-weight:bold;
}


#contenu {
	float: left;
	width: 935px;
	background:url(images/fond_acc2.jpg) no-repeat left top;
	/*display:table;*/
	padding:0px 0px 0 20px;
	height:auto;
	position: relative;
	/*border:1px solid #fff;*/
}

#hauteur {
	float: left;
	height: auto;
	width: 0px;
}

#hauteur_ref {
	float: left;
	height: 430px;
	width: 0px;
}

#bloc_txt_acc {
	float: left;
	width: 680px;
	padding:0;
}

#txt_acc {
	float: left;
	font-size:12px;
	width: 350px;
	padding:5px;
	color:#fff;
	margin: 0px;
}
	
#txt_acc h2 {
	font-size:16px;
	margin:0;
	color:#00ff24;
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
}

#txt_acc p {
	text-align:left;
	margin:5px 0 8px 0;
	display:block;
}

#txt_acc .right {
	text-align:right;
}

#txt_acc2 {
	float: left;
	font-size:11px;
	width:250px;
	padding:365px 20px 10px 40px;
	color:#fff;
	margin: 0px;
}
#txt_acc2 p {
	text-align:left;
	padding:0 0 5px 0;
	margin:0;
	display:block;
}
#txt_acc2 h3 {
	font-size:14px;
	margin:0;
	color:#ff6c00;
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
}

#bloc_actualites {
	float: right;
	width: 254px;
	/*background-image: url(images/pix_actu.jpg);*/
}

#hauteur_actu {
	float: left;
	height: 174px;
	width: 0x;
}

#cont_actualites {
	float:left;
	width:200px;
	background:url(images/fond_actu.gif) repeat-y 0 0;
	padding:3px 30px 0 14px ;
	color:#000000;
}

#cont_actualites img {
	float:left;
	margin:0 3px 3px 0;
}


#cont_actualites h3{
	text-align:center;
	font-size:14px;
	margin:0;
}

#cont_actualites p{
	margin:10px 0 5px 0;
	display:block;
}

#cont_actualites p.news{
	margin:15px 0 5px 0;
	font-size:14px;
	display:block;
}

#cont_actualites a{
color:#fff;
font-size:11px;
}

#cont_actualites a:hover{
color:#000;
	
}

#bas_actualites {
	float: left;
	height: 133px;
	width: 244px;
	background-image: url(images/bas_actu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


#bar_jaune {
	float: left;
	height: 34px;
	width: 100%;
	background-image: url(images/pix_bar.jpg);
	text-align: center;
	word-spacing: 5px;
	padding-top:3px;
	color:#000;
	font-size: 12px;
}

#bar_jaune span {
	color:#fff;
	font-size:24px;
}

#footer {
	clear:both;
	height: 114px;
	width: 100%;
	background-image: url(images/fond_footer.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
	background-color:#060606;
	margin: 0 auto;
}

#footer2 {
	clear:both;
	height: 40px;
	width: 955px;
	text-align: center;
}

#liens_bas {
	float: left;
	width: 100%;
	color: #ff8a00;
	padding-top: 5px;
	word-spacing: 2px;
	font-size: 11px;
}

#liens_bas a{
	color: #dd8e04;
}

#liens_bas a:hover{
	color: #fff;
}

#toptech {
	float: left;
	width: 100%;
	height:90px;
	padding-top: 10px;
	font-size: 10px;
}

#toptech a{
	color: #fff;
}

#toptech a:hover{
	color: #dd8e04;
}

/* +++++ PAGE pou up +++++++++++*/ 

#popup p{
text-align:justify;
}

.jaune {
	color: #FFD200;
}

.orange {
	color: #FF8500;
}

/* +++++ PAGE navigation +++++++++++*/ 

#contenu_nav {
	float: left;
	width: 955px;
	background-image: url(images/fond_nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#0B0B0B;
}

#txt_prest_karaok {
	float: left;
	height: 15px;
	width: 935px;
	padding:10px 0 0 20px;
}

#txt_prest_karaok h2{
	color: #EB0202;
	font-size:16px;
	margin:0;
}

#txt_prest_karaok p{
	margin:5px 0 8px 0 ;
	text-align:justify;
}

/*****karaoké live :*****/

#niveau_anim {
	float: left;
	width: 955px;
	background-image: url(images/pix_anim.jpg);
	background-position: top;
}

#cont_anim {
	float: left;
	width: 955px;
	background-image: url(images/fond_anim.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;
}

#txt_anim {
	float: left;
	width: 610px;   
	padding:47px 0 0 40px ;
	display:inline;
}

#txt_anim h3 {
	font-size:14px;
	margin:0 0 10px 0 ;
}

#txt_anim p {
	margin:13px 12px 8px 13px;
	text-align:justify;
	line-height:18px;
	font-size: 12px;
	display:block;
	padding: 5px;
}

.photos_anim {
	float:right; 
	border:1px solid #FF3300; 
	margin:10px 5px 5px 5px;
}

.photos_anim_gauche {
	float:right; 
	border:1px solid #FF3300; 
	margin:10px 3px 3px 10px;
}

/******/
#separation1a {
	float: left;
	height: 100px;
	width: 700px;
	background-image: url(images/fond_separateur1a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 255px 0 0;
}

#separation1 {
	float: left;
	height: 160px;
	width: 955px;
	background-image: url(images/fond_separateur1.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#separation1 h3{
	margin:0;
	font-size:14px;
	float:right;
	padding:142px 45px 0 0 ;
	
}

/*****Animation soirée dansante*****/

#niveau_mariages {
	float: left;
	width: 955px;
	background-image: url(images/pix_mariages.jpg);
	background-position: top;
}

#cont_mariages {
	float: left;
	width: 955px;
	background-image: url(images/fond_mariages.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#txt_mariages{
	float: right;
	width: 600px;  
	padding:10px 60px 0 5px;
}

#txt_mariages p {
	padding:10px 0 0 0px;
	margin:5px 0 8px 0 ;
	line-height:18px;
	text-align:justify;
}

.photos_dansante{
	float: left;
	border:1px solid #33FF66;
	margin:3px;
}

.photos_dansante_droite{
	float: left;
	border:1px solid #33FF66;
	margin:3px 10px 3px 3px;
}

#photos_mariages img{
border:1px solid #0AC81E;
	padding:2px ;
}

/******/
#separation2 {
	float: left;
	height: 161px;
	width: 955px;
	background-image: url(images/fond_separateur2.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#separation2 h3{
	margin:0;
	font-size:14px;
	padding:143px  0 0 40px;
}
/*****Cocktails ****/

#niveau_coktail {
	float: left;
	width: 955px;
	background-image: url(images/pix_coktail.jpg);
	background-position: top;
}

#cont_coktail {
	float: left;
	width: 955px;
	background-image: url(images/fond_coktail.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#txt_coktail {
	float: left;
	width: 600px;  
	padding:10px 0 0 40px ;
}

#txt_coktail p {
	padding:30px 5px 0 15px;
	margin:5px 0 8px 0 ;
	text-align:justify;
	line-height:18px;
	display:block;
}

.photos_cocktail {
	float: right;
	border:1px solid #FF9900;
	margin:3px;
}

.photos_cocktail_gauche {
	float: right;
	border:1px solid #FF9900;
	margin:3px 3px 3px 10px;
}

#separation3 {
	float: left;
	height: 101px;
	width: 955px;
	background-image: url(images/fond_separateur3.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#separation3 h3{
	margin:0;
	font-size:14px;
	float:right;
	padding:140px 30px 0 0 ;
	
}

/**********les 3 encarts du bas *************/

#encart_bas {
	float: left;
	height: 256px;
	width: 905px;
	padding:0px 0 0 50px;
	background-color:#0B0B0B;
}

#encart_bas  h3{
	color:#FF0000;
	font-size:16px;
	margin:0 0 20px 0  ; 
}

#entreprise {
	float: left;
	height: 75px;
	width: 174px;
	background:url(images/entreprise.jpg) no-repeat 0 0 ;
	margin-right:20px;
	color:#000;
	 text-transform:uppercase;
	 font-weight:bold;
	 padding-top:134px;
	 text-align:center;
}

#soirees_dansantes {
	float: left;
	height: 75px;
	width: 160px;
	background:url(images/soirees_dansantes.jpg) no-repeat 0 0 ;
	margin-right:20px;
	color:#000;
	 text-transform:uppercase;
	 font-weight:bold;
	 padding-top:134px;
	 text-align:center;
}

#mairies {
	float: left;
	height: 75px;
	width: 160px;
	background:url(images/mairies.jpg) no-repeat 0 0 ;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:134px;
	text-align:center;
}

/* page Références */

#page_ref {
	margin: 0 auto;
	width: 955px;
	background-color: 171717;
}

#cont_reference {
	float: left;
	width: 955px;
	background: url(images/reference_bloc.jpg) no-repeat 0 0;
}

#references {
	margin:0 auto;
	width:800px;
	padding-top:40px;
}

#references p{
	padding:14px 0 0 10px;
	font-weight:bold;
	margin:0;
}

#ReferencesGauche{
	float:left;
	width:280px;
}

#ReferencesGauche ul{
	margin:40px 0 0 10px;
	padding:0;
	list-style:none;
}

#ReferencesGauche li{
	list-style:none;
	height:30px;
	padding:10px 0 20px 30px;
	background:url(images/puce3.gif) no-repeat  8px 8px;
	font-size:13px;
	font-weight:bold;
}

#ReferencesDroite{
	float:left;
	width:240px;
}

#ReferencesDroite ul{
	margin:40px 0 0 20px;
	padding:0;
	list-style:none;
	width: 260px;
}

#ReferencesDroite li{
	list-style:none;
	height:30px;
	padding:10px 0 20px 30px;
	background:url(images/puce3.gif) no-repeat 8px 8px;
	font-size:13px;
	font-weight:bold;
}

/* page Contact */
#header_contact {
	float: left;
	height: 170px;
	width: 955px;
	background-image: url(images/header_contact.jpg);
	background-repeat: no-repeat;
}

#hauteur2 {
	float: left;
	height: 585px;
	width: 0px;
}

#contenu_contact {
	float: left;
	/*height: 429px;*/
	width: 945px;
	background-image: url(images/fond_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#070707;
	padding: 0 10px 0 0px;
}

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

#formulaire {
	background-color: #E42B21;
	float: left;
	width: 200px;
	padding:10px;
	color:#fff;
	font-size:11px;
}

#formulaire p{
	margin:0 ;
}

#formulaire h3{
	color:#fff;
	font-size:12px;
	margin:0;
}

#formulaire  .ligne {
margin: 5px 0 8px 0  ;
clear:left;
}

#formulaire input  {
	border:1px solid #F8CAC8;
	height:14px;
	width:195px;
	margin: 0 0 5px 0 ;
}

#formulaire .radio  {
	border:none;
	width:20px;
	float:left;
	padding-right:3px;
}

#formulaire .inter{
float:left;
}

#formulaire .exter{
float:left;
padding-left:5px;
}

#formulaire .orch{
clear:both;
}

#formulaire textarea  {
	border:1px solid #F8CAC8;
	height:60px;
	width:195px;
	margin: 0 0 5px 0 ;
}

#formulaire .bout {
	height: 15px;
	width: 81px;
	border:none;
	float:right;
}

#formulaire .merci {
color:#FFF;
font-weight:bold;
}

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

#bloc_adresse {
	float: left;
	padding-left:155px;
	padding-top:72px;
	width: 210px;
}

#adresse {
	float: left;
	width: 205px;
	color: #000;
	text-align:center;
}

#adresse h3{
	font-size:16px;
	text-transform:uppercase;
}

#adresse .tel{
	margin:0;
	font-size:16px;
	font-weight:bold;
}

#carte {
	float: right;
	width: 283px;
	padding-right:17px;
}

#carte p{
	margin:0;
	text-align:left;
	padding:30px 0 0 0;
	line-height:20px;
	font-size: 11px;
}

/* page Actualites */


#actualites{
	margin:0 auto;
	padding:47px 0 0 24px;
	background:url(images/bg_actus_haut.gif) no-repeat 24px 0;
}

#actualites h3{
	margin:0px;
	padding:0 0 20px 50px;
	font-size:14px;
}

#actus{
	padding:17px 51px 76px 23px;
	width:589px;
	background:url(images/bg_actus-bas.gif) no-repeat bottom right;
	float:left;
}

#actus img{
	float:left;
	padding:0 5px 5px 0px;
}

#actus p{
	margin:0px;
	padding:0px;
}

#actus p.titre{
	font-weight:bold;
	font-size:13px;
	padding-bottom:5px;
}


#hauteur3{
	width:0px;
	float:left;
	height:350px;
}

.lineclear{
	height:1px;
	clear:both;
}

.dispnone{
	display:none;
}

#actus-list{
	float:right;
	width:250px;
}

#txt_anim p.etape1 {
	width:110px;
	float:left;
	display: block;
	border: 1px solid #FFFFFF;
	height: 200px;
	padding: 5px 15px 5px 5px;
	margin: 13px 0 8px 15px;
}

#txt_anim p.etape2 {
	width:120px;
	float:left;
	display: block;
	border: 1px solid #FFFFFF;
	height: 200px;
	padding: 5px 5px 5px 5px;
	margin: 13px 0 8px 15px;
}

#ecran {
	margin:0 0 0 10px;
}

#lights {
	margin: 0 0 0 28px;
}

#lights2 {
	margin: 0 0 0 20px;
}

.deco {
	float:left;
	width:300px;
	padding: 170px 0 0 0;
}

#ensinte {
	margin:0 0 0 40px;
}

#lights3 {
	float:left;
	margin: 0 5px 0 0;
}

.lineclear{
	height:1px;
	clear:both;
}

.display{
	display:none;
}

.bg1 {
	background-color:#E60A0A;
	background-image: url(images/flesh.gif);
	background-repeat: no-repeat;
	background-position: 120px 100px;
}

.bg2 {
	background-color:#FF8500;
	background-image: url(images/flesh2.gif);
	background-repeat: no-repeat;
	background-position: 120px 100px;
}

.bg3 {
	background-color:#DD8E04;
	background-image: url(images/flesh3.gif);
	background-repeat: no-repeat;
	background-position: 120px 100px;
}

.bg4 {
	background-color:#0C640E;
}

#micro {
	margin:0 0 0 5px;
}

.pad {
	padding:0 0 25px 0;
}

/******** pop-up *****/

#bigcarte {
	display: none;
	position: absolute;
	top: 60px;
	left: 0px;
	height: 318px;
	width: 958px;
	border:none;
	z-index: 1000;
}

#bigcarte img {
	border: 2px solid #FF2301;
}

.fermer-carte {
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #FF2301;
}
.fermer-carte a {
	color: #FFD200;
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.fermer-carte a:hover {
	color:#DD8E04;
	text-decoration: none;
}
.cadreX {
	border: 1px #aaa solid;
	padding: 0px 3px;
}

.flash {
	position:absolute;
	top:0;
	left:0;
	z-index: 2000;
}

/*------------------formulaire-------------*/

#message2 {
    padding:0;
    margin:0;
}

#message2 label{
	display:block;
	float:left;
	width:400px;
	background-color: #000000;
	margin: 0 0 5px 20px;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

#message2 .input{
	width:330px;
	height:20px;
	border:solid 1px #000;
	padding:0;
	margin:0;
	background-color: #000000;
	float:left;
	color: #FFFFFF;
}

#message2 textarea{
	width:395px;
	height:70px;
	border:solid 1px #000;
	padding:0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
	background-color: #000000;
	overflow: auto;
	color: #FFFFFF;
}

#message2 #bouton{
	display:block;
	width:90px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 330px;
	border:solid 1px #000;
	cursor:pointer;
	background-color: #000000;
	color: #FFFFFF;
}

#message2 .imput {
	display:block;
	float:left;
}