/* 
CSS for Woody Games / Portfolio
Romain Macré
*/ 


body {
	background-color: rgb(14,55,80);
	margin-left:0px;
	margin-top: 0px;
	/*width:900px;*/
	height:768px;
}

#container {
	width:744px;
	/*min-height:120px;*/
	background-color: rgb(255,255,255);
	margin: 0px auto; 
	border: 1px solid rgb(38,48,56);
	overflow:hidden;  /*trick: this way the container will fit around the float columns contained into it*/  
} 

#border {
	background: url("border.jpg") top left no-repeat;
	width:744px;		
	height: 8px;
	margin: 0px auto; 
}


#header {
	background: url("header.jpg") top left no-repeat;	
	height: 120px;
}


#bande {
		
	background: url("bande.bmp") top left no-repeat;	
	height: 24px;
	width: 702px;
	clear:both;
	margin-left: 10px;
	padding-left: 10px;
	float:left;
}

#button_menu {
	background: url("button_menu.jpg") top left no-repeat;
	height: 24px;
	width: 89px;
	float:left;
	margin-left: -1px;
	margin-top: 0px;
	padding-top:5px;
	text-align:center;
}

#button_menu:hover {
	background: url("button_menu_hover.jpg") top left no-repeat;
	height: 24px;
	width: 89px;
	float:left;
	margin-top: 0px;
}

#button_menu a {
	color: rgb(255,255,255);
	//width: 89px;
	//height: 24px;
	font: 11px/16px Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
#button_menu.right {
	margin-left:240px;
	background:none;
}
#button_menu.right:hover {
	background:none;
	text-decoration: underline;
	color: rgb(255,255,255);
}
#button_menu.right a {
	font: 12px/16px Arial, sans-serif;
	font-weight: bold;
}



#sheet {
	display:block;
	
	width: 730px;
	float: left;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	
	background-color: rgb(243,253,243);
	border:1px solid rgb(180, 211, 179);
	


}
#sheet #border_sheet_top {	

	
	height: 8px;
	width: 732px;
	background: url("border_sheet_top.bmp")  top left no-repeat;
	margin-top: -1px;
	margin-left: -1px;
}
#sheet #border_sheet_bottom {	

	float:left;
	height: 8px;
	width: 732px;
	background: url("border_sheet_bottom.bmp")  top left no-repeat;
	margin-bottom: -1px;
	margin-left: -1px;
}


#colonne_right {
	margin-top: 60px;
	width: 470px;
	float:left;
	margin-left:35px;

	font: 12px/16px Arial, sans-serif;
	color: #111111;    
}

#colonne_right a {

	color: #551111;    
}



#sheet #paragraphe {
	clear:both;
	margin-top: 60px;
}

#sheet #date {
	color: rgb(140,140,140);  
	
}


#sheet strong{
	
	color: #990000;  

}


#sheet h2 {

	font: 18px/23px Verdana, Arial, sans-serif;	
	font-weight: bold;
	font-indent:60px;
	border-bottom: 2px solid rgb(177,114,116);
	color: #444444;
	
}

#sheet h3 {
	/*width:100%;*/
	font: 13px Arial, sans-serif;	
	font-weight: bold;
	border-bottom: 1px solid rgb(177,114,116);
	color: #444444;

}



#colonne_left {
	margin-top: 65px;
	margin-left: 12px;
	width: 150px;
	min-height: 200px;
	float:left;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#colonne_left #box {
	border: 1px solid rgb(127,174,127);
	background-color: rgb(192,226,192);
	clear:both;
	
	min-height: 50px;
	font:12px/15px Arial, sans-serif;
	color: rgb(102,90,130);
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 6px;
	padding-top: 0px;
	position:relative;
}


#colonne_left p {
	display: block;
	background-image: url("bullet.bmp");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 13px;
	padding-top: 0px;
	/*border: 1px solid rgb(177,114,116);*/
}
#colonne_left p:hover {
	background-image: url("bullet.bmp");
	background-position: 0px 4px;
}

#colonne_left a {
	color: rgb(102,90,130);
}

#colonne_left #box #corner_tl {	
	position: absolute;
	top: -1px;
	left: -1px;
}
#colonne_left #box #corner_tr {
		
	position: absolute;
	top: -1px;
	right: -1px;
}
#colonne_left #box #corner_br {
	
	position: absolute;
	bottom: -1px;
	right: -1px;
}
#colonne_left #box #corner_bl {
		
	position: absolute;
	bottom: -1px;
	left: -1px;
}






#copyright {
	clear:both;
	padding-left:18px;
	margin-bottom: 6px;
	font:10px/15px Arial, sans-serif;
	color: rgb(80,60,100);
}



label{
float: left;
width: 120px;
font-weight: bold;
font-size: 12px;
}

input{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

#button {
width: 30px;
margin-bottom: 0px;
margin-left:110px;
}

.boxes{
width: 1em;
}

#send{
margin-left: 120px;
margin-top: 15px;
width: 70px;
}

form br{
clear: left;
}