@charset "utf-8";
/* CSS Document pour le site de titi */
body {
	background: #4E4033;
	margin: auto;
	padding: 0px;
	font-family: Arial;
	}
	
#containt {
	margin: auto;
	width: 900px;
	height: 600px;
	}
	
#header {
	width:900px;
	height: 269px;
	background: url(images/header.jpg) no-repeat top;
	}
	
#content {
	width:648px;
	height: 317px;
	float:left;
	background:url(images/topbarre.jpg) no-repeat top;
	}
	
#headerbottom {
	width:650px;
	height: 14px;
	float: left;
	background: url(images/topbarre.jpg) repeat-y top;
	}
	
#corp {
	width: 900px;
	height: 331px;
	margin: 0px;
	padding: 0px;
	}
	
#corpleft {
	width: 200px;
	height: 100px;
	background: url(images/left.jpg) no-repeat top LEFT ;
	margin: 0px;
	padding: 226px 10px 5px 40px;
	float: left;
	}
	
#corpright {
	width: 648px;
	height: 331px;
	background: url(images/topbarre.jpg) no-repeat top ;
	margin: 0px;
	float: left;
	}
	
#corpright2 {
	width: 38px;
	height: 331px;
	background: url(images/topbarre.jpg) no-repeat top ;
	margin: 0px;
	float: left;
	}
	
.contentright {
	width: 265px;
	height: 331px;
	background: url(images/rightbga.jpg) left bottom no-repeat;
	}
.contentrighta {
	width: 265px;
	height: 331px;
	background: url(images/rightbga.jpg) left bottom no-repeat;
	}
	
.contentright2 {
	width: 38px;
	height: 331px;
	background: url(images/rightbg2.jpg) right bottom no-repeat;
	}
	
.contentleft {
	width: 380px;
	height: 331px;
	background:url(images/middleleft.jpg) left bottom no-repeat;
	}
	
.contentleft2 {
	width: 370px;
	height: 331px;
	background:url(images/middleleft2.jpg) left bottom no-repeat;
	}
	
.contentleft3 {
	width: 380px;
	height: 331px;
	background:url(images/middleleft3.jpg) left bottom no-repeat;
	}
	
#footer{
	width: 900px;
	height: 45px;
	margin: 0px;
	padding-left: 50px;
	font-size: 11px;
	color: #FFF;
	}
	
#h2color {
	background:url(images/H2.jpg) no-repeat left;
	padding-left: 20px;
	width: 200px;
	margin-top: 5px;
	color: #FFF;
	font-weight:bold;
	font-size: 14px;
	height: 20px;
	padding-top: 5px;
	margin-bottom: 3px;
	}
	
#actu {	
	width: 235px;
	color:#00CCFF;
	}
#actu a{	
	width: 210px;
	height: 14px;
	padding: 2px 0px 2px 0px;
	margin-left: 20px;
	border-bottom: 1px #4E4033 dashed;
	text-decoration: none;
	color: #4E4033;
	font-size: 10px;
	float: left;
	display: block;
	font-weight: bold;
	}
.header {
	color: #FFCCFF;
	font-size: 20px;
	}
	
#agenda {	
	width: 300px;
	color:#00CCFF;
	}
#agenda a{	
	width: 280px;
	height: 14px;
	padding: 2px 0px 2px 10px;
	margin-left: 20px;
	border-bottom: 1px #4E4033 dashed;
	background:url(images/arrow.gif) left no-repeat;
	text-decoration: none;
	color: #FFF;
	font-size: 10px;
	float: left;
	display: block;
	font-weight: bold;
	}
	
#main {
	margin-top: 12px; 
	width: 612px; 
	padding: 0px 5px; 
	height: 270px; 
	background:#A38E79;
	}
	
#mainright {
	margin-top: 12px; 
	width: 2px; 
	padding: 0px 23px 5px 3px; 
	height: 263px; 
	background: url(images/BG.jpg) repeat-y right #A38E79;
	}
	
#main1 {
	margin-top: 12px; 
	width: 233px; 
	padding: 0px 33px 5px 3px; 
	height: 263px; 
	background: url(images/BG.jpg) repeat-y right #A38E79;
	}
	
#main2{
	margin-top: 12px; 
	width: 371px; 
	padding: 0px 5px; 
	height: 185px; 
	background:#A38E79;
	}
	
#video {
	position: static;
	left:200px;
	right: 0px;
	top:462px;
	width:400px;
	height:136px;
	z-index:1;
	background:url(images/middleleft.jpg) no-repeat bottom left;
}