* { margin:0; padding:0;}
body {
	background: #000;
	font-size:100%;
	line-height:1em;
	font-family:Arial, tahoma;
	color:#000;
}


/*in_line*/
input, select, textarea { vertical-align:middle; font-family:Tahoma;}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}
a:hover{
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
a:visited{
	text-decoration:none;
	color:#EEE;
}
a:link {
	text-decoration:none;
	color: #FFF;
}
.column { float:left;}
.clear, .col-list, .row-box, p {
	width:100%;
	overflow:hidden;
	text-align: left;
}
.col-list ul{ float:left}
.col-list .indent-list{ margin-left:24px;}
.site-center {
	margin:0 auto;
	width:980px;
	background:#000
}
.row-box-1, .row-box-2{ float:left;}

/*header*/
.header{ background-image: url(images/header.jpg); height:560px;}
.header img{
	position:relative;
	left: 100px;
	top: 524px;
	width: 779px;
	height: 76px;
}
.logo{margin:30px 0 0 218px;}
.m1{ margin:145px 0 0 458px;}
.m2{ margin:233px 0 0 600px;}
.m3{ margin:434px 0 0 564px;}
.m4{ margin:412px 0 0 349px;}
.m5{ margin:224px 0 0 300px;}

/*menu*/

#lava {
	/* you must set it to relative, so that you can use absolute position for children elements */
	position:relative;
	background:url(bar.gif) no-repeat center bottom;
	text-align:center;
	width:783px;
	height:40px;
	left: 39px;
	top: 5px;
	}
	
	#lava ul {
	/* remove the list style and spaces*/
		margin:0;
	padding:0;
	list-style:none;
	/* position absolute so that z-index can be defined */
		position:absolute;
	/* center the menu, depend on the width of you menu*/
		left:-129px;
	top:0px;
	/* should be higher than #box */
		z-index:100;
	width: 963px;
	height: 31px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	#lava ul li {
	/* give some spaces between the list items */
		margin:0 15px;
	/* display the list item in single row */
		float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	}
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:url(tail.gif) no-repeat right center; 
		height:20px;
		
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-10px;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:url(head.gif) no-repeat 0 0; 
		height:20px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}
	
	
	#container {
		text-align:left;
		width:783px;
		margin:0 auto;
	}

/*footer*/
.footer{
	padding:26px 0 49px 248px;
	color:#9a9a90;
	font-size:0.687em;
	background-image: url(images/public.png);
	background-repeat: repeat-x;
}
.footer a{
	color:#777;
	background:url(images/footer_marker.gif) center left no-repeat;
	padding:0 0 0 17px;
}

/*content*/
.content{ background:# 000; min-height:480px; height:auto; font-size:0.687em; line-height:1.375em;}
.content .col-1{
	margin:0 0 0 244px;
	width:492px;
	padding-bottom:30px;
	font-family: Arial, tahoma;
}
.content .box-indent{
	padding:0 0 0 4px;
	display:block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height:normal;
}
.content .link{
	color: #E00;
}
.content h1{
	background:url(images/h1.gif) bottom left repeat-x;
	height:22px;
	font-weight:normal;
	font-size:36px;
	margin-bottom:9px;
}
.content h1 span{ background:url(images/h1_marker.gif) 6px 0 no-repeat; padding:0 0 0 29px; color:#91dbf8; text-transform:uppercase;}
.content .indent-bot{
	margin-bottom:11px;
	display:block;
	font-family: Arial, tahoma;
}
.h-top{
	display:block;
	margin-top:34px;
	color: #E00;
	font-size: 16px;
	font-family: "Arista 2.0", "Bauhaus 93", "Myriad Pro";
}
.link-1{
	color:#E00;
	background:url(images/link-1.gif) center left no-repeat;
	padding:0 0 0 9px;
}
.indent-top{
	display:block;
	margin-top:14px;
}
.link-2 img{ vertical-align:middle; margin:0 6px 0 0;}
.link-2 {color:#E00};
.link-2 a{ color:#607e14;}
.img-gallery{ margin:14px 0 0 0; }
.img-gallery .img{ margin:0 18px;}
.link-gallery{ padding:20px 0 0 208px; color:#ddda82; font-weight:bold; word-spacing:6px;}
.link-gallery img{ vertical-align:middle;}
.link-gallery a{ color:#607e14; font-weight:normal;}
.link-3{ color:#dedfd5;}


.content .title{ display:block;}
.content .img-left{ float:left; margin:0 16px 0 0;}
.line{ background:url(images/line.gif) 0 8px repeat-x; height:18px; display:block;}
.list li a{ color:#607e14; background:url(images/link-1.gif) center left no-repeat; padding:0 0 0 9px; line-height:1.75em;}
.text-1{ color:#ddda82;}
.indent-top-bot{ margin:15px 0;}
.br{
	display:block;
	font-size: 14px;
}
.fright{ float:right; margin-right:165px;}


/*================== index.html ==================*/
#page1 .content .row-box-1{ width:160px;}
#page1 .content  .row-box .left-col{ margin-left:5px;}
#page1 .content .box-img{ background:# 000;
	padding:5px 0 7px 5px;
color:# E00;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555;
}
#page1 .content .box-img em{
	display:block;
color:# E00; 	font-style:normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
#page1 .content .indent-img{ margin-bottom:6px; display:block;}
#page1 .content .img-1{ float:right; margin-right:5px;}
#page1 .content .text{
	padding:0 11px 0 6px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
/*================== index-3.html ==================*/
#page4 .content .row-box-1{ width:240px;}
#page4 .content .row-box-2{ width:240px; margin-left:8px;}
/*================== index-4.html ==================*/
#page5 .form input{ height:18px; width:226px;}
#page5 .form textarea{ overflow:auto; display:block; height:108px; width:236px; margin-bottom:15px;}
#page5 .form textarea, #page5 .form input{ border:1px solid #643d0b; color:#989891; font-size:1em; font-family:Arial; padding-left:4px; background:none;}
#page5 .form .form-link{ margin-left:150px; margin-right:14px;}
#page5 .form .row-box-1{ width:240px;}
#page5 .form .row-box-2{ width:240px;}
.indent-form{ height:29px;}
/*================== index-5.html ==================*/
#page6 .content .box-indent p{
	margin-top:14px;
	text-align: left;
}
.footersans {
	padding:26px 0 49px 248px;
	color:#9a9a90;
	font-size:0.687em;
}
.footerartiste {
	padding:26px 0 49px 248px;
	color:#9a9a90;
	font-size:0.687em;
	background-image: url(images/groupe.png);
	background-repeat: repeat-x;
}
.envoye {
	color: #FFF;
	font-size: 18px;
}
rouge {
	color: #E00;
}
.rouge {
	color: #E00;
}