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

*{
	padding:0px;
	margin:0px;
}

body{
	/*background-image: url(images/lord_motif_fond.png);*/
	background:#000 url(images/fond_2.png) repeat top left;
	}

#intro a{
	background-image: url(images/entrer.png);
	background-repeat:no-repeat;
	width:93px;
	height:38px;
	margin-left:780px;
	margin-top:350px;
	float:left;
}




#all{
	background:url(images/bg.png) repeat-x;
	width:100%;
	height:700px;
	position:absolute;
	}

#tache{
	background: url(images/tache_peinture.png);
	height:602px;
	width:1265px;
	position:relative;
	float:right;
	margin-top:0px;
}


/*
#container{
	background:url(images/bg.png) repeat-x;
	width:100%;
	height:700px;
	position:absolute;
}
*/

#intro #logo_lord{
	background-image: url(images/lord_logo.png);
	background-repeat:no-repeat;
	width:351px;
	height:217px;
	margin-left:200px;
	margin-top:70px;
	position:absolute;

}

#menu{
	float:left;
	background-image: url(images/barre_menu.png);
	background-repeat:no-repeat;
	width:1200px;
	height:29px;
	margin-top:15px;
}



#container #menu li{
	float:left;
	list-style-type:none;
	width:100px;
	height:15px;
	margin-top:5px;
	margin-left:50px;
	margin-right:-30px;
}
	
#container #menu li a{
	display:block;
	height:15px;
	color: #FFF;
	font-size:13px;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:100;
	padding-left:18px;
	border-left:solid 1px #FFF;
	}
	
#container #menu li a:hover{
	text-decoration:none;
	color: #222;
	border-left:solid 1px #222;
}


#container #petit_lord{
width:300px;
height:115px;
position:absolute;
margin-top:100px;
margin-left:50px;
background-image:url(images/lord_petit_logo.png);
background-repeat:no-repeat;
}

/*#container #laurent_duserre{
width:245px;
height:52px;
position:absolute;
margin-top:140px;
margin-left:10px;
background-image:url(images/laurent_duserre.png);
}
*/

#container #petit_lord h2{
height:16px;
position:absolute;
margin-top:160px;
margin-left:33px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
font-size:14px;
font-weight:100;

}


#container #petit_lord h1{
height:20px;
position:absolute;
margin-top:180px;
margin-left:33px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:100;
color: #222;
font-size:19px;
}

#container #petit_lord h3{
height:16px;
position:absolute;
margin-top:210px;
margin-left:33px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
font-size:14px;
font-weight:100;
}

#container #petit_lord h3 a{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#222;
font-size:14px;
text-decoration:none;

}







#container #dark_box{
width:675px;
height:550px;
position:absolute;
margin-top:60px;
margin-left:530px;
background-image:url(images/degrade_darkbox.png);
}

#container #dark_box #light_box{
width:650px;
height:auto;
position:absolute;
margin-top:30px;
margin-left:30px;
}

#container #rubriques {
position:absolute;
margin-top:300px;
margin-left:155px;
list-style-type:none;
line-height:30px;
text-align:right;
}

#container #rubriques li {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color: #FFF;
}


#container #contact {
position:absolute;
margin-top:300px;
margin-left:140px;
list-style-type:none;
line-height:30px;
text-align:right;
}

#container #contact li {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFF;
}

#container #contact li a{
font-weight:100;
color: #FFF;
text-decoration:none;
height:15px;
}

#container #contact li h1{
font-size:14px;
color: #222;
font-weight: bold;
}

#container #contact li a:hover{
	text-decoration:none;
	color: #222;
	text-decoration:none;
}


/*
#container #symbol_1 {
position:absolute;
margin-top:300px;
margin-left:60px;
font-family: "Times New Roman", Times, serif;
font-size:20px;
color: #FFF;
}

#container #symbol_2 {
position:absolute;
margin-top:422px;
margin-left:143px;
font-family: "Times New Roman", Times, serif;
font-size:20px;
color: #FFF;
}
*/

#footer_accueil {
position: absolute;
margin-top:680px;
margin-left:500px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:9px;
color: #FFF;
padding-bottom:10px;
color:#888;
}
#light_box a img{
border:solid 1px #EEE;
}

#light_box a img:hover{
	border:solid 1px #993366;
}



#container #rubriques li a{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:100;
color: #FFF;
text-decoration:none;
height:15px;
border-right:solid 1px #FFF;
padding-right:10px;
}


#container #rubriques li a:hover{
	text-decoration:none;
	color: #222;
	text-decoration:none;
	border-right:solid 1px #222;
}