body{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	color: #444444;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
} 	#body{
		background: #044c87;
		text-align: center;
		padding-bottom: 50px;
	}
	div.bg1{background: /*#7f7f7f*/#5d849c url(/images/bg1.gif) center top repeat-y;}
	div.bg2{background: url(/images/bg2.gif) left top repeat-x;}
	div.bg3{background: url(/images/bg3.gif) left bottom repeat-x;}
	div.bg4{background: url(/images/bg4.jpg) center top no-repeat;}
	div.bg5{background: url(/images/bg5.jpg) center bottom no-repeat;}
	
	#page{
		margin: 0 auto;
		width: 960px;
		background: url(/images/bg-page.gif) 0px 0px repeat-y;
		text-align: left;
	}
	#top{
		height: 278px;
		background: url(/images/bg-head.jpg) 0px 0px no-repeat;
	}
		#page div.bg1{background: url(/images/bg-page-top.gif) 0px 278px no-repeat;}
		#page div.bg2{background: url(/images/bg-page-bottom.jpg) 0px bottom no-repeat;}
	
	#main{
		width: 960px;
		height: /*832*/426px;
		min-height: /*832*/426px;
	}	html > body #main{height: auto; min-height: /*832*/426px;}
	#footer{height: 126px;}
	
	#top a.logo img{margin: 38px 0px 0px 26px;}
	#top strong{
		float: right;
		color: #7f431c;
		font: 20px/22px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
		padding: 85px 155px 0px 0px;
	}
	#top strong b, #top strong i{
		display: block;
		font-weight: normal;
	}
	#top strong b{padding-left: 24px;}
	#top strong i{
		color: #b22b2b;
		font: italic bold 25px/20px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
		padding-left: 35px;
	}

div.editBTN{position: relative; float: right;}
div.editBTN img{
	position: absolute;
	top: -52px;
	left: -50px;
	background: #FFFFFF;
	border: 5px solid #FFFFFF;
	cursor: pointer;
}

form, img{
	margin: 0px;
	padding: 0px;
	border: none;
}
a{
	color: #044d88;
	text-decoration: underline;
}
a:hover{
	color: #007fb1;
	text-decoration: none;
}
p{
	margin: 0px;
	padding: 8px 0px;
}
#content{position: relative;}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	margin: 0px;
	padding: 0px 28px;
}
#content p{
	padding: 8px 28px;
	text-align: justify;
}

#content h1,
input.title_edit{
	padding-top: 30px;
	padding-bottom: 15px;
	color: #7f431c;
	font: 30px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	background: url(/images/bg-h1-split.gif) 0px bottom no-repeat;
}
#content input.title_edit{
	top: -5px; 
	left: -5px;
	padding-left: 28px;
	padding-right: 28px;
	/* SAME HAS TITLE */
}
#content table.htmlarea,
#content textarea{margin: 0px 28px;}
#content h2{
	color: #FFFFFF;
	font: 20px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	background: url(/images/bg-h1-split.gif) 0px 0px repeat-y;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -5px;
	margin-bottom: 8px;
}
#content h3{
	color: #044d88;
	font: 25px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	padding-top: 40px;
	padding-bottom: 10px;
	letter-spacing: -1px;
}
#content h4{
	color: #333333;
	padding-top: 35px;
	padding-bottom: 8px;
	font: 18px Arial, Helvetica, sans-serif;
}
#content h5{
	color: #044d88;
	font: italic 20px/26px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	float: right;
	width: 230px;
	padding: 18px 28px;
	background: #FFFFFF;
}
#content h6{
	color: #044d88;
	font: italic 20px/26px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	float: left;
	width: 230px;
	padding: 18px 28px;
	background: #FFFFFF;
	text-align: right;
}
#content ul,
#content ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#content ul{padding: 15px 0px 30px 48px;}
	#content ul li{
		background: url(/images/bg-bullet.gif) 0px 7px no-repeat;
		padding-left: 13px;
		padding-bottom: 4px;
	}
	#content ul ul{
		padding: 8px 0px 8px 8px;
		font-size: 11px;
		color: #555555;
	}
	#content ul ul li{
		background: url(/images/bg-bullet.gif) -1000px 7px no-repeat;
		padding-bottom: 2px;
	}
#content ol{
	margin-left: 43px;
	padding-left: 43px;
	padding-bottom: 20px;
	list-style-type: decimal;
}
	#content ol li{padding: 2px 0px;}
	#content ol ol{
		margin-left: 20px;
		padding-left: 20px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 11px;
		color: #555555;
		list-style-type: lower-alpha;
	}
	#content ol ol li{padding: 1px 0px;}
	#content ol ol ol{list-style-type: lower-roman;}

#content div.accueil{
	background: url(/images/bg-accueil-split.gif) 0px 0px repeat-y;
	color: #044d88;
	padding: 12px 0px;
}
#content div.accueil h2{
	color: #0791c8;
	font: bold 14px Arial, Helvetica, sans-serif;
	background: none;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0px;
}

.imageDroite,
.imageGauche,
.imageCentre{
	float: right;
	margin: 10px 0px 25px 25px;
	border: 1px solid #d1d1c5;
	padding: 3px;
	background: #FFFFFF;
}
.imageGauche{
	float: left;
	margin: 10px 25px 25px 0px;
}
.imageCentre{
	text-align: center;
	float: none;
	margin: 10px 0px;
}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

#main div.left,
#main div.right,
#main div.middle{
	float: left;
	width: 173px;
}
#main div.middle{width: 767px;}

#main div.left div.menu{
	margin: 0px;
	padding: 0px;
	width: 165px;
	background: url(/images/bg-menu.gif) 5px 0px repeat-y;
}
	#main div.left div.menu div.top{background: url(/images/bg-menu-top.gif) 5px 0px no-repeat;}
	#navigation{
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: none;
	}
	#navigation{
		padding-top: 10px;
		background: url(/images/bg-menu-bottom.gif) 5px bottom no-repeat;
	}
	#navigation li{
		background: url(/images/bg-menu-spacer.gif) 5px bottom no-repeat;
		padding-bottom: 3px;
		position: relative;
		z-index: 200;
	}
	#navigation li.end{
		background: none;
		padding-bottom: 0px;
	}
	#navigation li a{
		display: block;
		width: 165px;
		position: relative;
		text-decoration: none;
		cursor: pointer;
	}
	#navigation a strong{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#navigation a strong,
	#navigation a span{
		display: block;
		width: 115px;
		color: #bcdcee;
		/*font: 14px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;*/
		font: 14px Arial, Helvetica, sans-serif;
		text-decoration: none;
		padding: 7px 10px 7px 40px;
		cursor: pointer;
	}
	#navigation a span{
		background: #FFFFFF;
		color: #FFFFFF;
		margin-left: 5px;
		width: 110px;
		filter: alpha(opacity=0);
		-moz-opacity:.0;
		opacity:.0;
	}
	#navigation a:hover strong,
	#navigation a.selected strong{color: #FFFFFF;}
	#navigation a:hover span,
	#navigation a.selected span{
		filter: alpha(opacity=22);
		-moz-opacity:.22;
		opacity:.22;
	}
	
	#navigation li ul{
		top: -999em;
		left: 165px;
		position: absolute;
		width: 200px;
		list-style: none;
		margin: 0px;
		padding: 0px;
		padding-top: 3px;
		background: url(/images/bg-menu-smenu-sep.gif) 0px top no-repeat;
		
	}
	#navigation li ul li{
		background: url(/images/bg-menu-smenu-sep.gif) 0px bottom no-repeat;
		margin: 0px;
		padding: 0px;
		padding-bottom: 3px;
	}
	#navigation li ul li a{
		width: 200px;
		background: url(/images/bg-menu-smenu.gif) 0px 0px repeat-y;
	}
	#navigation li ul li a span,
	#navigation li ul li a strong{
		width: 170px;
		margin: 0px;
		padding: 7px 10px 7px 20px;
		/*font: 12px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;*/
		font: 12px Arial, Helvetica, sans-serif;
	}
	
	#navigation li:hover ul{top: -2px;}

#main div.left div.teasers a span{display: none;}
#main div.left div.teasers a.contact{
	display: block;
	margin: 0px 0px 10px 5px;
	width: 161px;
	height: 238px;
	background: url(/images/teaser-contact.jpg) 0px 0px no-repeat;
}	#main div.left div.teasers a:hover.contact{background-position: -161px 0px;}

#footer{
	background: url(/images/photo-leech.gif) 21px -1px no-repeat;
}
#footer h6{
	margin: 0px;
	padding: 55px 12px 0px 12px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #89bedb;
	text-align: right;
	height: 18px;
}
	#footer h6 a{
		color: #b8d8e9;
	}

#footer div.menu{padding: 27px 0px 0px 140px;}
	#footer div.menu ul,
	#footer div.menu ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: inline;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	#footer div.menu ul li a{
		color: #FFFFFF;
		text-decoration: none;
		padding: 0px 2px 0px 0px;
	}
	#footer div.menu ul li b{padding: 0px 2px 0px 4px;}
	#footer div.menu ul li a:hover{text-decoration: underline;}
	
#haut{
	float: right;
	display: inline;
	padding: 23px 5px 0px 0px;
}
	#haut a{
		float: right;
		background: #330066;
		background: url(/images/bg-haut.gif) right 0px no-repeat;
		height: 25px;
		padding: 0px 25px 0px 0px;
		font: 13px/25px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
		text-align: center;
		width: 104px;
	}
	#haut a:hover{
		font-weight: bold;
		background: url(/images/bg-haut.gif) right -25px no-repeat;
	}

#content div.teasers{
	background: url(/images/bg-greenl-split.gif) 0px 0px no-repeat;
	padding-top: 5px;
}
	#content div.teasers ul,
	#content div.teasers ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		float: left;
	}
	#content div.teasers ul{
		width: 740px;
		height: 198px;
		padding-left: 27px;
		background: url(/images/teasers.jpg) 0px 0px no-repeat;
	}
	#content div.teasers ul li{
		width: 178px;
		background: none;
	}
	#content div.teasers ul li a{
		display: block;
		float: left;
		width: 117px;
		height: 53px;
		text-align: right;
		padding: 145px 15px 0px 46px;
		font: 17px/35px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
		color: #dae8c9;
		text-decoration: none;
		letter-spacing: -1px;
		text-align: center;
	}
	#content div.teasers ul li.pensions a{
		padding-left: 74px;
		width: 89px;
		color: #bcdfef;
	}
	#content div.teasers ul li.cours a{
		padding-left: 96px;
		width: 67px;
		color: #e6bbc1;
	}
	#content div.teasers ul li.elevage a{
		padding-left: 79px;
		width: 84px;
		color: #f7d8b3;
	}
	
	#content div.teasers ul li a:hover,
	#content div.teasers ul li.pensions a:hover,
	#content div.teasers ul li.cours a:hover,
	#content div.teasers ul li.elevage a:hover{color: #FFFFFF;}
	
	#content div.teasers ul li a:hover{background: url(/images/teasers.jpg) -561px -198px no-repeat;}
	#content div.teasers ul li.pensions a:hover{background-position:  -27px -198px;}
	#content div.teasers ul li.cours a:hover{background-position:  -205px -198px;}
	#content div.teasers ul li.elevage a:hover{background-position:  -383px -198px;}
	
#content div.news{
	width: 767px;
	padding-top: 23px;
	background: url(/images/bg-news-teaser.gif) 0px 18px no-repeat;
}
	#content div.news div.teaser{
		float: left;
		width: 266px;
		padding: 0px 0px 0px 27px;
	}
	#content div.news div.teaser a{
		display: block;
		width: 127px;
		height: 69px;
		padding: 128px 117px 0px 22px;
		background: url(/images/teaser-elevage.jpg) 0px 0px no-repeat;
		text-decoration: none;
		font: 20px/22px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
		color: #127cb6;
		letter-spacing: -1px;
	}
	#content div.news div.teaser a small{
		font-size: 15px;
		padding-left: 22px;
		letter-spacing: 0px;
	}
	#content div.news div.teaser a:hover{background-position: -266px 0px;}

#content div.news div.newslist{
	float: left;
	width: 446px;
	background: url(/images/bg-teaser-news.gif) 0px bottom no-repeat;
	padding-bottom: 37px;
}
	#content div.news div.newslist h3{
		margin: 0px;
		padding: 0px 0px 0px 22px;
		height: 50px;
		font: 20px/37px "Lucida Sans", "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
		background: url(/images/bg-h3-news.gif) 0px 0px no-repeat;
		color: #FFFFFF;
	}
	#content div.news div.newslist ul,
	#content div.news div.newslist ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: none;
	}
	#content div.news div.newslist ul{	
		margin: 0px 15px;
		padding-top: 6px;
	}
	#content div.news div.newslist ul li{padding-bottom: 10px;}
	#content div.news div.newslist ul li a{
		display: block;
		width: 396px;
		background: #FFFFFF;
		padding: 5px 10px;
		color: #000000;
		text-decoration: none;
		font-size: 12px;
	}
	#content div.news div.newslist ul li a strong{
		display: block;
		color: #127cb6;
		font-size: 13px;
	}
	#content div.news div.newslist ul li a small{
		display: block;
		color: #127cb6;
		font-size: 10px;
		text-align: right;
		text-transform: uppercase;
		padding-right: 10px;
	}
	#content div.news div.newslist ul li a:hover{
		background-color: #f0f9fc;
		color: #127cb6;
	}
	#content div.news div.newslist ul li a:hover strong,
	#content div.news div.newslist ul li a:hover small{color: #0a699d; text-decoration: underline;}
	
	#content div.news div.newslist p{
		margin: 0px 15px;
		padding: 5px;
		text-align: center;
		background: #FFFFFF;
	}
	#content div.right{
		margin-top: -13px;
		padding-top: 5px;
		padding-right: 0px;
		background-position: 0px 0px;
		width: 767px;
	}
	#content div.right div.newslist{
		float: right;
		border-left: 20px solid #FFFFFF;
		border-bottom: 10px solid #FFFFFF;
		width: 474px;
	}
	#content div.right div.newslist h3{
		margin-left: 10px;
		padding-left: 12px;
		background: url(/images/bg-h3-news.gif) -10px 0px no-repeat;
	}
	#content div.right div.spacer{
		background: #FFFFFF;
		height: 30px;
	}

#content #news div.newslist{
	 background: url(/images/teaser-news.jpg) 500px 0px no-repeat;
	 padding: 20px 280px 0px 20px;
	 height: 403px;
	 min-height: 403px;
}	html > body #content #news div.newslist{height: auto; min-height: 403px;}
	#content #news div.newslist ul,
	#content #news div.newslist ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: none;
	}
	#content #news div.newslist ul li a{
		display: block;
		width: 447px;
		color: #333333;
		text-decoration: none;
		padding: 10px;
		border-bottom: 1px solid #c2d6e1;
	}
	#content #news div.newslist ul li a strong{padding-bottom: 5px;}
	#content #news div.newslist ul li a strong,
	#content #news div.newslist ul li a small{
		display: block;
		color: #127cb6;
	}
	#content #news div.newslist ul li a small{text-align: right;}
	
	#content #news div.newslist ul li a:hover{
		background: #f6f9fa;
		border-color: #127cb6;
		color: #000000;
	}
	#content #news div.newslist ul li a:hover strong,
	#content #news div.newslist ul li a:hover small{color: #044e89;}
	
div.pager{padding: 20px 0px;}
div.pager a, div.pager span{
	float: left;
	display: inline;
	margin-right: 2px;
	border: 1px solid #DDDDDD;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 6px;
	font-size: 11px;
	color: #666666;
}
div.pager a{
	border-color: #b0c7d4;
	background: #f6f9fa;
	font-weight: bold;
	color: #127cb6;
}
div.pager a:hover{
	color: #FFFFFF;
	background: #127cb6;
	border-color: #024c75;
}

div.more{
	padding: 0px 28px;
	text-align: right;
}