@charset "utf-8";
/* CSS Document */


/*--------------------------------------- BASE ---------------------------------------*/



*,BODY,HTML {margin:0; padding:0;}



BODY {
	margin:0;
	padding:0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	background-color:#000000;
	background-image: url(../images/body_bg_03.gif);
	outline:none;
	overflow:scroll;
}




/*--------------------------------------- MAIN ---------------------------------------*/


#header {
	width: 100%;
	height : 140px;
	clear: both;
	margin: 0 auto 0 auto;
	border-bottom: 2px #111111 solid;
	background-color: #1f1e21;
}

		
		#spacerTitle{
			width: 100%;
			height : 75px;
		}
		
		
		#title{
			margin: 0 0 0 24%;
		}	


#mainBox {
	width: 910px;
	height : 600px;
	clear: both;
	margin: 1% auto 0 auto;
	/*border: 1px solid black;*/
}

			
			#headBox{
				width: 100%;
				height:70px;
				background-image: url(../images/bg_main_header.png);
				background-repeat:no-repeat;
				/*border: 1px solid black;*/
			}
	
							#headBoxGlobal{
							/*width: 100%;
							height:100%;*/
							margin: 0 auto 0 auto;
							}
							
									#spacerMenu {
									/*width: 100%;*/
									height:25px;
									margin: 0 auto 0 auto;
									clear:both;
									}
									
							
									#menu {
									width: 96%;
									height:30px;
									margin: 0 auto 0 15px;
									}
			
			#bodyBox{
				width: 100%;
				clear: both;
				background-image: url(../images/bg_main.png);
				background-repeat:repeat-y;
				/*border: 1px solid black;*/
				min-height: 480px;
				height:auto !important;
                height:480px;
			}
			
							#bodyBoxIndex{
							width: 100%;
							margin: 0 auto 0 12px;
							}
			
							#bodyBoxGlobal{
							width: 92%;
							margin: 0 auto 0 auto;
							border-top: 1px solid #111;
							}
			
			
									#bodyBoxContent{
									margin: 0 auto 0 auto;
									}
									
												#bodyBoxLeft{
												width:80%;
												margin: 0 auto 0 auto;
												float:left;
												border-right:1px solid #333;
												}
												
															#bodyBoxText{
															width:95%;
															margin: 0;
															min-height:inherit;
															}
												
												#bodyBoxRight{
												width:18%;
												margin: 0 auto 0 auto;
												float:right;
												/*border:1px solid white;*/
												}
												
															#bodyBoxRightImg{
															margin: 0 0 0 8px;
															}
			
			#footerBox{
				width: 100%;
				height:60px;
				clear: both;
				background-image: url(../images/bg_main_footer.png);
				background-repeat:no-repeat;
				background-position:bottom;
				/*border: 1px solid black;*/
			}




/*--------------------------------------- LINK ---------------------------------------*/


A {
	text-decoration:none;
    outline: none; /* hack FF pour envlever pointillés autour des liens */
}


:focus {
	-moz-outline-style: none; /* hack FF pour envlever pointillés autour des liens */
}

.link {
	line-height: 200%;
    text-decoration:underline;
	color:#666;
}

.linkText {
	line-height: 100%;
    text-decoration:underline;
	color:#666;
}

.badLink {
	line-height: 200%;
    text-decoration:underline;
	color:#CC0000;
}


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


#menu ul li {
list-style-type:none;
float:left !ie; /*pour IE*/
}

#menu ul li a {
display: block;
float:left; 
height: 30px;
text-decoration:none;
vertical-align:bottom;
padding: 5px;
padding: 4px !ie;
outline:none;
}

a.story {
width:125px;
text-align:center;
background: url(../images/menu_story.gif) no-repeat 0 0;
background-position:bottom;
border-right:thin solid #333333;
}
a.story:hover {
background: url(../images/menu_story.gif) no-repeat 0 0;
background-position:top;
}


a.gallery {
width:148px;
text-align:center;
background: url(../images/menu_gallery.gif) no-repeat 0 0;
background-position:bottom;
border-right:thin solid #333333;
}
a.gallery:hover {
background: url(../images/menu_gallery.gif) no-repeat 0 0;
background-position:top;
}


a.videos {
width:136px;	
text-align:center;
background: url(../images/menu_videos.gif) no-repeat 0 0;
background-position:bottom;
border-right:thin solid #333333;
}
a.videos:hover {
background: url(../images/menu_videos.gif) no-repeat 0 0;
background-position:top;
}


a.blog {
width:125px;
text-align:center;
background: url(../images/menu_blog.gif) no-repeat 0 0;
background-position:bottom;
border-right:thin solid #333333;
}
a.blog:hover {
background: url(../images/menu_blog.gif) no-repeat 0 0;
background-position:top;
}


a.about {
width:131px;
text-align:center;
background: url(../images/menu_about.gif) no-repeat 0 0;
background-position:bottom;
border-right:thin solid #333333;
}
a.about:hover {
background: url(../images/menu_about.gif) no-repeat 0 0;
background-position:top;
}


a.contact {
width:142px;
text-align:center;
background: url(../images/menu_contact.gif) no-repeat 0 0;
background-position:bottom;
}
a.contact:hover {
background: url(../images/menu_contact.gif) no-repeat 0 0;
background-position:top;
}



/*--------------------------------------- LIST ---------------------------------------*/


#bodyBox UL LI {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#888;
	margin-left:20px;
	list-style-type:none;
}

#bodyBox li {
}



/*--------------------------------------- TEXT ---------------------------------------*/


#bodyBox p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#888;
	margin-left:20px;
}

#bodyBox span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#fff;
}

.citation {
	font-style:italic;
}

.badText{
	font-size:8pt;
	color:#CC0000;
}


.title{
	font-size:11pt;
	color:#888;
}

/*--------------------------------------- H ---------------------------------------*/


#title H1 {
	width: 190px;
	height : 82px;
	background-image: url(../images/logo_meline_02.jpg);
	background-repeat:no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}


h2.story {
	width: 139px;
	height : 57px;
	background-image: url(../images/h2_story.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h2.gallery {
	width: 139px;
	height : 57px;
	background-image: url(../images/h2_gallery.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h2.videos {
	width: 139px;
	height : 57px;
	background-image: url(../images/h2_videos.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h2.blog {
	width: 139px;
	height : 57px;
	background-image: url(../images/h2_blog.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

h2.about {
	width: 139px;
	height : 57px;
	background-image: url(../images/h2_about.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}


h2.contact {
	width: 139px;
	height : 57px;
	background-image: url(../images/h2_contact.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}


h3 {
	font-size:10pt;
	line-height : 300%;
	color:#FFF;
	margin-left:20px;
	font-weight:bold;
}


/*--------------------------------------- TABLE ---------------------------------------*/

#bodyBox TABLE {
	/*width:632px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#888;
	margin-left:20px;
}

#bodyBox TR TD {
	padding:2px;
}


/* CLEAR */
.clear {
	clear:both;
}