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

body {
	text-align: center; 
	background-color: #5d3517;
	margin: auto;
}

body img {
	padding: 0;
	margin: 0;
}

.center  {
	width: 900px;
	background-color: #5d3517;
	margin: auto;
}

/* ---- ROLL OVER IMAGE ----- */

div.folio_out {
	float: left;
	opacity:.100;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

div.folio_over {
	float: left;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

/* ---- Mise en page ----- */

.header {
	float: left;
	width: 900px;
	padding: 30px 0 0 0;
	margin: 0;
}

.header .arbre {
	float: left;
	width: 47px;
	height: 106px;
	margin-left: 30px;
}

.header .menu {
	float: left;
	width: 760px;
	height: 70px;
	text-align: left;
	margin: 35px 0 0 10px;
}

/* ---- Frame ----- */

.frm {
	float: left;
	width: 900px;
	padding: 0 0 20px 0;
}

.frm .top {
	width: 900px;
	height: 24px;
	background-image:url(../images/frm_top.jpg);
	background-repeat: no-repeat;
}

.frm .middle {
	width: 900px;
	background-image:url(../images/frm_middle.jpg);
	background-repeat: repeat-y;
	text-align: left;
}

.frm .bottom {
	width: 900px;
	height: 23px;
	background-image:url(../images/frm_bottom.gif);
	background-repeat: no-repeat;
}

/* ---- Frame info ----- */

.frm_info {
	float: left;
	width: 330px;
	margin: 0;
	padding: 10px 0 10px 20px;
}

.frm_info .top {
	width: 330px;
	height: 18px;
	background-image:url(../images/frm_low_top.jpg);
	background-repeat: no-repeat;
}

.frm_info .middle {
	width: 330px;
	padding: 7px 0 40px 0;
	background-image:url(../images/frm_low_middle.jpg);
	background-repeat: repeat-y;
}

.frm_info .bottom {
	width: 330px;
	height: 17px;
	background-image:url(../images/frm_low_bottom.jpg);
	background-repeat: no-repeat;
}

/* ---- Frame Photo----- */

.frm_photo {
	float: right;
	top: 0px;	
	width: 170px;
	padding: 10px 20px 20px 0;
}

.frm_photo_index {
	float: right;
	top: 0px;	
	width: 380px;
	padding: 10px 20px 20px 0;
}

/* ---- Colonnes ----- */

.collum {
	float: left;
	width: 350px;
}

.collum_histo {
	float: left;
	width: 350px;
	padding: 0 0 0 25px;
}

.collum_index {
	float: right;
	width: 400px;
	padding: 0 60px 0 0;
}

.collum_2_ph {
	float: right;
	width: 400px;
	padding: 0 70px 0 0;
}

/* ---- Espace ----- */

.esp_5 {
	margin-top: 5px;
}

.esp_10 {
	margin-top: 10px;
}

.esp_20 {
	margin-top: 20px;
}

.esp_30 {
	margin-top: 30px;
}

.esp_40 {
	margin-top: 40px;
}

.esp_60 {
	margin-top: 60px;
}

.esp_70 {
	margin-top: 70px;
}

.esp_brousseau {
	margin: 5px 0 5px 0;
}

/* ---- Textes ----- */

.frm_info .middle .titre {
	width: 290px;
	color: #8D3525;
	font-family: georgia;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 20px;
}

.frm_info .middle .sous_titre {
	width: 290px;
	color: #1E6512;
	font-family: Verdana;
	font-style: italic;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 20px;
}

.frm_info .middle p {
	width: 280px;
	color: #333333;
	font-family: arial;
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 30px;
}

.frm_info .middle a {
	width: 280px;
	color: #996633;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 15px;
}

.frm_info .middle a:hover {
	width: 280px;
	color: #006633;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 15px;
}

.phone {
	width: 870px;
	text-align: right;
}

.phone p {
	padding: 0;
	margin: 0;
	color: #646464;
	font-size: 11px;
	font-family: verdana;
	font-weight: bold;
}

.haie {
	font-weight: bold;
	color: #003300;
}

/* ---- Images menu ----- */

.menu .select {
	margin: 0 0 -3px 0;
}

.menu a:hover {
	margin: 0 0 -3px 0;
}

.photos {
	float: left;
	width: 124px;
	height: 164px;
	padding: 0;
	margin: 0 0 10px 20px;
}

/* ---- Liens ----- */