/*body, html {height: 100%;}*/
body {
	margin: 0px auto;
	padding: 0; 
	font: Trebuchet MS; 
	font-size: 12px;
	color:#573D2C;
}

.text, p, td { color: #77604E; font-family: Trebuchet MS; font-size: 12px; font-weight: none; line-height: 18px;}

a {color: #5B4838; font-size: 12px; font-weight: bold; text-decoration: underline; }
a:hover {text-decoration: underline; font-weight: bold;}


#body {
	margin: 0 auto;
	font: Trebuchet; 
	font-size: 12px;
	color:#573D2C;	
}
           
                   
#container1 {
	width : 100%;
	height : 378px;		
	background: transparent url(img/bg-div1.jpg) repeat-x; 
	background-color:#EBE4CC;
	clear: both;
	overflow: hidden;
	/*border : solid 1px blue;*/
}


#container2 {		
	width: 100%;
	background-color:#EBE4CC;
	clear: both;
	overflow: hidden;
	/*border : solid 1px green;*/
}

#container3 {
	width : 100%;
	height : 80px;
	background: #5A3F2E url(img/bg-div3.jpg) repeat-x;
	clear: both;
	overflow: hidden;
	/*border : solid 1px red;*/
}

.largeur {
	width : 922px;
	margin: 0 auto;
	text-align : center;
	font: Trebuchet; 
	font-size: 12px;
	color:#5A3F2E;	
	/*border : solid 1px yellow;*/
}

#logo {
	width:922px;
	height:116px;
	margin-top: 0px;	
	overflow: hidden;	
	background: transparent url(img/logo.jpg) no-repeat top;
	/*border : solid 1px yellow;*/
}


#header {
	width:922px;
	height:260px;
	background: #5A3F2E;
	float : center;
	/*border : solid 1px yellow;*/
}

#column_left {
	width: 250px;
	height : 390px;
	margin: 0px;
	padding: 0;
	float:left;
	background: transparent url("img/separateur.jpg") no-repeat right top;
	/*border : solid 1px red;*/
}

#menu {
	float:left;
	width: 220px;
	padding-top: 0px;
	text-align: left;
	background-color: #EBE4CC;
	font-family: Trebuchet MS;
	color: #77604E;
	/*border : solid 1px grey;*/
}

.menu   {color: #77604E; font-family: Trebuchet MS; font-size: 12px; font-weight: normal;}
a.menu:link { color: #77604E; font-weight: normal; text-decoration: none; }
a.menu:visited { color: #77604E; font-weight: normal; text-decoration: none; }
a.menu:active { color: #77604E; font-weight: normal; text-decoration: none; }
a.menu:hover {color: #77604E; font-weight: bold; text-decoration: none;}
.menu_active   		{ color: #77604E; font-family: Trebuchet MS; font-size: 12px; font-weight: bold;}
a.menu_active:link { color: #77604E; font-weight: bold; text-decoration: none; }
a.menu_active:visited { color: #77604E; font-weight: bold; text-decoration: none; }
a.menu_active:active { color: #77604E; text-decoration: bold; }
a.menu_active:hover {color: #77604E; font-weight: bold; text-decoration: none;}

.menu2   {color: #77604E; font-family: Trebuchet MS; font-size: 12px; font-weight: normal;}
a.menu2:link { color: #77604E; font-weight: normal; text-decoration: none; }
a.menu2:visited { color: #77604E; font-weight: normal; text-decoration: none; }
a.menu2:active { color: #77604E; font-weight: normal; text-decoration: none; }
a.menu2:hover {color: #77604E; font-weight: bold; text-decoration: none;}
.menu2_active   		{ color: #77604E; font-family: Trebuchet MS; font-size: 12px; font-weight: bold;}
a.menu2_active:link { color: #77604E; font-weight: bold; text-decoration: none; }
a.menu2_active:visited { color: #77604E; font-weight: bold; text-decoration: none; }
a.menu2_active:active { color: #77604E; text-decoration: bold; }
a.menu2_active:hover {color: #77604E; font-weight: bold; text-decoration: none;}

#grapp {
	width: 195px;
	height : 52px;
	margin-left: 34px;
	float:left;
	background: #EBE4CC url(img/grapp.jpg) no-repeat top left;
	/*border : solid 1px red;*/
}

#content {
	width : 640px;
	margin-left: 270px;
	padding: 0;
	text-align: left;
	/*border : solid 1px red;*/
}


/*#photo {
	float:right;
	width: 250px;
	padding: 0px;
	margin: 0;
	text-align: left;
	font-family: Trebuchet MS;
	color: #77604E;
	border : solid 1px blue;
}*/


#titre {
	margin: 0px;
	padding : 0px;
	text-align : left;
}

#titre h1 {
	color: #77604E; 
	font: normal 20px Trebuchet MS;
	margin-top : 15px;
}


#footer {
	width: 922px;
	height:80px;
	margin: 5px 0 0 5px;
	padding: 0;
	overflow: hidden;
	clear: both;
	text-align : center;
	padding-top: 5px;
	font-family: Trebuchet MS; font-size: 10px; font-weight: normal; color: #CEC3AC;
}

#footer p.footer {margin: 0; padding: 0;}


/* text footer style, with links */
.footer { font-family: Trebuchet MS; font-size: 10px; font-weight: normal; color: #CEC3AC; text-align: center;}
a.footer:link { font-family: Arial; font-size: 10px; font-weight: bold; color: #CEC3AC; text-decoration: none; }
a.footer:visited { font-family: Arial; font-size: 10px; font-weight: bold; color: #CEC3AC; text-decoration: none; }
a.footer:hover	{ font-family: Arial; font-size: 10px; font-weight: bold; color: #CEC3AC; text-decoration: underline; }
a.footer:active	{ font-family: Arial; font-size: 10px; font-weight: bold; color: #CEC3AC; text-decoration: none; }

/* title look in editor and pages */
H1	 { font-family: Arial; font-size: 18px; color: #5B4838; font-weight: normal; font-style: none; margin:0;}
H2	 { font-family: Arial; font-size: 16px; color: #5B4838; font-weight: normal; font-style: none;}
H3  { font-family: Arial; font-size: 14px; color: #5B4838; font-style: italic; font-weight: bold; font-style: none;}
H4  { font-family: Arial; font-size: 13px; color: #006321; font-weight: italic; font-weight: bold; font-style: none;}
H5  { font-family: Arial; font-size: 12px; color: #5B4838; font-style: italic; font-weight: bold; font-style: none;margin:0;}
H6  { font-family: Arial; font-style: italic; font-size: 12px; color: #35271B; }