*{padding:0; margin:0;}
body {background-image:url(images/bg.jpg);background-position: 50% 0%; background-repeat:no-repeat; font-family: 'Trebuchet MS',arial, sans-serif; font-size: 13px; background-color:#e8e1cd;}  
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

#maincontainer {width:1000px; margin:0 auto;  padding:45px 0 0 0;}
.floatleft{float:left;}
.floatright{float:right;}
 img {margin:0 0 6px 0; border:1px solid white;}
 img.bigimg {width:610px;}
 img.smallimg {width:300px;}
.divimg {padding:15px 0 15px 0;}

blockquote {font-style:italic; padding:10px 30px 10px 30px; font-size:90%;}

#logobeaulieu {display:block; width:286px; height:124px; background-image:url(images/logo.png); margin:0 auto;}
#logobeaulieu span {display:none;}

#left {float:left;position:relative; top:125px; height:519px; width:317px;   font-family: 'georgia','Times New Roman',serif; }
#left ul {list-style-type:none; padding:50px 0 100px 30px; background-image:url(images/bg_menu_left.png) ;}
#left li {}
#left ul li a{  display:block; text-align:right; padding:10px 35px 0 0; height:38px; width:224px; background-image:url(images/bg_item_menu.png); color:white; text-decoration:none;}
#left ul li a:hover{color:#ff6000;}

#left #navimages {position:relative; left: 50px; width:256px; height:199px; background-image:url(images/bg_photos.png);}
#left #navimages a img {position:relative; top:40px; border: solid 1px white; width:155px; height:104px; margin:auto; display:block;}
#left #navimages #arrows {height:206px; width:80px; margin:0 auto; padding-top:45px;}
#left #navimages #rightarrow {float:right;display:block; width:26px; height:26px;background-image:url(images/right_arrow.png); vertical-align:right;}
#left #navimages #leftarrow {float:left;display:block; width:26px; height:26px; background-image:url(images/left_arrow.png);}
#left #resizephoto {font-size:90%; font-family:arial; color:#693514;text-transform:uppercase; position:relative; left: 65px; }
#left #resizephoto:hover {color:#ff6000; }

#center {float:left; padding:95px 25px 20px 40px; min-height:780px; background-image:url(images/bg_center.png); width: 610px; background-repeat:no-repeat; background-position: 25px 100%;}
#center h1 { position:relative; left:280px; text-align:right; width:397px; height:137px; background-image:url(images/title_page.png); font-size:135%; }
#center h1 span {color:white; font-size:125%; font-family: 'georgia','Times New Roman',serif; display:block;text-align:right;}
#center h1.li1 span {padding:45px 40px 0 0;}
#center h1.li2 span {padding:25px 40px 0 0;}
#center h2 {color:#693514; font-size:115%; font-weight:bold; padding-bottom:20px;}
#center h3 { text-align:right; float:right; padding:0 0 10px 0; color:#693514; font-size:90%; font-weight:bold; background-image:url(images/bg_h3.png); background-repeat:repeat-x; font-family:arial;}
#center p {text-align:justify; padding: 0 0 15px 0;}
#center ul { padding:0px 0 15px 65px; list-style-image:url(images/bg_list_center.png)}
#center ul li {}


#footer {height:148px; text-transform:uppercase; font-size:75%; font-weight:bold; padding:50px 0 0 345px; background-image:url(images/bg_footer.png); margin-top:-45px;}
#footer ul {list-style-type :none; }
#footer ul li {float:left; display:block; }
#footer ul li a {text-decoration:none; color:#693514;}
#footer ul li a:hover {text-decoration:underline;}
#footer ul .separator {width:9px; height:15px; background-image:url(images/separator_menu_footer.png); background-repeat:no-repeat; background-position:50% 50%;}

/*Galerie d'image*/
.galerie_photos
{

	font-size:10px;
	font-weight:bold;
	color:#693514;
	font-family:arial;
	text-transform:uppercase;
}

#grande_image
{
	width:300px;
	float: left;
	text-align:center;
}
#petite_image
{
	width: 285px;
	float: left;
	float: left;
	margin-left:25px;
}

#photo_reste
{
	clear: both;
	width:570px;
	margin-left:77px;
}

.petite_photo
{
	float: left;
	width: 95px;
}