/* CSS Document */

#body_1{
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg_1.jpg);
	background-repeat:repeat-x;
}
.clear2{
	clear:both;
	line-height:1px;
	height:1px;
	background-color:#660000;
	}
	
body{
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg_haut.jpg);
	background-repeat:repeat-x;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
	height: 0px;
	line-height: 0px;
}

.border{
	border: none;
}

#int_content p{
	margin: 0;
	font-size: 0.8em;
}

#int_content p a{
	color: #333333;
}

#int_content img{
	border-color: #666666;
	}
#int_content img.marge{
	margin:0 0 0 25px;
	}

/* ---------MENU----------------*/

#menu{
	width: 900px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	/*background-color: #00f000;*/
}

#menu ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}

#menu ul li{
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li a{
	display: block;
	width: 130px;
	height: 55px;
	float: left;
	margin: 0;
	padding: 5px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #790f0b;
	text-decoration: none;
	background-image:url(images/bg_menu_index.jpg);
	background-repeat:no-repeat;
}

#menu ul li a:hover{
	color: #ba6764;
}

/* --------- MENU_2 ---------------*/

#menu_2{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px;
float: left;
}

ul#menu_2 li{
	margin: 0;
	padding: 0;
}

ul#menu_2 li a#accueil{
	display: block;
	width: 138px;
	height: 44px;
	margin: 0;
	padding: 25px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #790f0b;
	text-decoration: none;
	background-image:url(images/bg_menu_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#loc{
	display: block;
	width: 138px;
	height: 49px;
	margin: 0;
	padding: 20px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #790f0b;
	text-decoration: none;
	background-image:url(images/bg_menu_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#loc_2{
	display: block;
	width: 138px;
	height: 49px;
	margin: 0;
	padding: 20px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffffff;
	text-decoration: none;
	background-image:url(images/bg_menu_2_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#install{
	display: block;
	width: 138px;
	height: 49px;
	margin: 0;
	padding: 20px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #790f0b;
	text-decoration: none;
	background-image:url(images/bg_menu_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#install_2{
	display: block;
	width: 138px;
	height: 49px;
	margin: 0;
	padding: 20px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffffff;
	text-decoration: none;
	background-image:url(images/bg_menu_2_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#materiel{
	display: block;
	width: 138px;
	height: 57px;
	margin: 0;
	padding: 12px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #790f0b;
	text-decoration: none;
	background-image:url(images/bg_menu_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#materiel_2{
	display: block;
	width: 138px;
	height: 57px;
	margin: 0;
	padding: 12px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffffff;
	text-decoration: none;
	background-image:url(images/bg_menu_2_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#projection{
	display: block;
	width: 138px;
	height: 50px;
	margin: 0;
	padding: 18px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #790f0b;
	text-decoration: none;
	background-image:url(images/bg_menu_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#projection_2{
	display: block;
	width: 138px;
	height: 50px;
	margin: 0;
	padding: 18px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffffff;
	text-decoration: none;
	background-image:url(images/bg_menu_2_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#contact{
	display: block;
	width: 138px;
	height: 58px;
	margin: 0;
	padding: 26px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #790f0b;
	text-decoration: none;
	background-image:url(images/bg_menu_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a#contact_2{
	display: block;
	width: 138px;
	height: 58px;
	margin: 0;
	padding: 26px 0 0 20px;
	font-weight: bold;
	font-size: 0.8em;
	color: #ffffff;
	text-decoration: none;
	background-image:url(images/bg_menu_2_2.jpg);
	background-repeat:no-repeat;
}

ul#menu_2 li a:hover{
	color: #984845;
}

ul#menu_2 li a.focus{
	color: #ffffff;
	background-image:url(images/bg_menu_2_2.jpg);
	background-repeat:no-repeat;
}

/* ---------CONTENT----------------*/

#content_index{
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

#int_content{
	width: 715px;
	height: auto;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background-image:url(../../brodway-comedy/www/images/bg_int_content.jpg);
	background-repeat:no-repeat;
	background-color: #ffffff;
}


/* ---------FOOTER----------------*/

#footer{
	width: 990px;
	height: 119px;
	margin: 0 auto;
	clear: both;
	text-align: center;
}

.footer_bg{
	clear: both;
	width: 100%;
	background-image: url(images/bg_footer.jpg);
	background-repeat:repeat-x;
	height: 119px;
}


#footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
}

#footer ul li{
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li a{
	color: #333333;
	font-size: 0.8em;
	text-decoration: none;
}

#footer ul li a:hover{
	text-decoration: underline;
}

#mail{
	float: left;
margin: 0 0 0 0;
padding: 13px 0 0 3px;
}

#footer #tt{
	clear: both;
}

#footer #adresse{
	color: #790f0b;
	font-size: 0.75em;
	font-weight: bold;
	float: left;
	padding: 0 0 0 0;
}

#footer img{
	border: none;
}

#footer p a{
	color: #999999;
	font-size: 0.7em;
	text-decoration: none;
}

/* ----------- INDEX ----------------  */

#bloc_1{
	width: 475px;
	height: auto;
	float: left;
	margin: 0;
	padding: 60px 0 0 0;
	
}


#img_1{
	margin: 0 0 0 0;
	padding: 46px 0 0 0;
	float: left;
}

#logo_index{
	float: left;
	margin: 5px 10px 0 0;
	border: none;
}

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

#h2_logo a{
	color: #790f0b;	
	text-decoration: none;
}

#texte_logo{
	font-size: 0.75em;
	font-weight: bold;
font-family: verdana;
	margin: 0 0 0 0;
	padding: 28px 0 5px 0;
}

.texte_index_1{
	font-size: 0.8em;
	margin: 0;
	padding: 30px 0 0 0;
}

#liste_index{
list-style-image:url(images/puce.gif);
	margin: 0;
	padding: 10px 0 0 16px;
	font-size: 0.75em;
	font-weight: bold;
}

#liste_index li{
	margin: 0;
	padding: 3px 0;
}

/* ----- LOCATION PRESTATION -------------- */

#header{
	width: 900px;
position: relative;
	height: 215px;
	margin: 0 auto;
}


#header .logo{
	margin: 0;
	padding: 30px 0 0 0;
}

#header .img{
position: absolute;
margin: 0 0 0 0;
top: 0;
left: 430px;
padding: 0 0 0 0;
}

/* ------------- CONTACT --------------------*/

form{
	width: 500px;
	padding: 0;
	margin: 20px 0 0 0;
	}

#form1 p{
	padding: 5px 0;
	margin: 0;
	font-size: 0.8em;
}

form label{
	display: block;
	width: 85px;
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 0.9em;
	color: #800000;
	font-weight: bold;

}

#content_index #int_content #form1 p.left{
	float: left;
}

#content_index #int_content #form1 p.clear{
	clear: both;
}

form input{
	margin: 0 00px 0 0;
	background-color: #e1e1e1;
	border: 1px solid #800000;
	float: left;
}

form input:focus{
	background-color: #ffffff;
}

.adresse{
	width: 401px;
}

form textarea{
	width: 401px;
	height: 60px;
	border: 1px solid #800000;
	background-color: #e1e1e1;
	float: left;
}

form textarea:focus{
	background-color: #ffffff;
}

form #submit{
	color: #ffffff;
	background-color: #800000;
	margin: 0 20px 0 0;
	padding: 0 20px;
	float: right;
}

h3#contact{
	margin: 0;
	padding: 6px 0 10px 65px;
	color: #666666;
	font-size: 1em;
	background-image:url(images/bg_titre_contact.jpg);
	background-repeat: no-repeat;
}

/*---------- LOCATION PRESTATION ---------------- */

h3#titre{
width: 243px;
	margin: 0 0 10px 0;
	padding: 16px 0 3px 0;
	color: #666666;
	font-size: 1em;
	text-align: center;
	background-image:url(images/bg_titre.jpg);
	background-repeat: no-repeat;
}


/*--------------- MATERIEL -----------------------*/

#container_mat{
	width: 580px;
	height: 297px;
	margin: 40px 0 0 30px;
	padding: 0 0 0 0;
	background-image: url(images/bg_container_materiel.jpg);
	background-repeat:no-repeat;
}

#container_mat .bloc_mat{
	width: 273px;
	height: 136px;
	overflow: auto;
	margin: 5px 10px 10px 0;
	padding: 0 0 0 5px;
	float: left;
}

#container_mat .bloc_mat h4{
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 5px 5px;
	color: #800000;
}

#container_mat .bloc_mat p{
	font-size: 0.7em;
	margin: 0;
	padding: 0 20px 0 5px;
	color: #333333;
}

#container_mat .bloc_mat ul{
	list-style-image:url(images/puce.gif);
	font-size: 0.7em;
	margin: 0;
	padding: 0 20px 0 23px;
	color: #333333;
}

#container_mat .bloc_mat ul ul{
	list-style-type:square;
	font-size: 0.9em;
	margin: 0;
	padding: 0 20px 0 23px;
	color: #333333;
}

/* ---------- PROJECTION --------------*/

h4#titre_projo{
	color: #800000;
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0 0 0;
}

#bloc_2{
	width: 400px;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
}

#bloc_2 ul{
list-style-image:url(images/puce.gif);
	margin: 10px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

/* ---------  LOCATION PRESTATION ------------*/

.liste_1{
	list-style-image: url(images/puce.gif);
	font-size: 0.8em;
	margin: 0;
	padding: 0 0 0 17px;
}

.metal{
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
	background-image:url(images/bg_metal.jpg);
	background-repeat:repeat-y;
}

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

/* ----- INSTALLATION ------------*/

#img_event{
margin: 0 0 0 80px;
}

#img_install{
margin: 0 0 0 160px;
}

#img_proj{
margin: 15px 0 0 6px;
}

.p_mention{
	font-weight: bold;
	color: #790f0b;
}

/*************************tableau*************************/
#tableaux{
	text-align:center;
	padding: 0 0 0 55px;
	}

#gauche{
	float:left;
	width:300px;
	background-color: #873937;
	border-right: 2px solid;
	border-right-color: #660000;
	}
	
#gauche p{
	padding: 8px 0;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	}	

#droite{
	float:left;
	width:300px;
	background-color: #B9BABC;
	}

#droite p{
	padding: 8px 0;
	font-size: 14px;
	font-weight: bold;
	}
/******************************************************/
.materiel-sonorisation{
	padding:10px 0;
	}
	
.mat{
	margin:10px 16px 0 0;
	border: 1px solid;
	}	
.decal{
	padding:0 0 0 20px;}
	
form p{
	padding:0 0 5px 0;}