html {
	padding:0;
	margin:0;
}

body {
	margin:0;
	background-color:#96e0ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	background-attachment: fixed;
	background-image: url(/images/body-bgd.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
/*Début header fixe*/
	
#header {
	background-image: url(/images/header-bgd.png);
	background-repeat: repeat-x;
	background-position: top center;
	position:fixed;
	width:100%;	
	z-index:30;
	height:44px;
	
	}
	
a#contact-off {
	position:absolute;
	right:50%;
	margin-right:-435px;
	top:0px;
	z-index:5;
	background-image: url(/images/contact-bgd.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display:block;
	width:130px;
	height:25px;
	font-size:12px;
	font-weight:bold;
	color:#316f26;
	text-align:center;
	padding-top:5px;
	text-decoration:none;
	}
	
a#contact-on, a#contact-off:hover  {
	position:absolute;
	right:50%;
	margin-right:-435px;
	top:0px;
	z-index:5;
	background-image: url(/images/contact-bgd.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display:block;
	width:130px;
	height:25px;
	font-size:12px;
	font-weight:bold;
	color:#316f26;
	text-align:center;
	padding-top:8px;
	}
	
#header div.newsletter-home {
	position:absolute;
	top:7px;
	left:50%;
	margin-left:-190px;
	width:500px;
	}
	
	
#header div.newsletter-home .newsletter-titre {
	float:left;
	height:12px;
	font-size:12px;
	color:#FFF;
	padding-top:3px;
	padding-right:7px
	}
	
#header div.newsletter-home .newsletter-input {
	float:left;
	}
	
#header div.newsletter-home .newsletter-input input{
	height:15px;
	}
	
body #header div.newsletter-home .newsletter-ok input{
	margin-top:1px;
	height:20px;
	color: #306d25;
	background-color: #fdcd3a;
	border:0;
	width:25px;
	padding-left:5px!important;
	}
	
#container .newsletter-home{
	position:fixed;
	visibility:hidden;
	}
	
#logo {
	position:fixed;
	background-image: url(/images/languette.png);
	height: 203px;
	width: 209px;
	z-index:31;
	top:0;
	left:50%;
	margin-left:-520px;
	padding-left:110px;
	padding-top:15px;
	}
	
ul#menu {
	position:fixed;
	top:210px;
	z-index:5;
	left:50%;
	margin-left:-470px;
	}	
	
ul#menu li {
	list-style-type: none;
	margin-bottom:2px;
	background-image: url(/images/menu-off.png);
	height: 27px;
	width: 203px;
	text-align:right;
	
	}
	
ul#menu li:hover, ul#menu li.on {
	background-image: url(/images/menu-on.png);
	}
	
ul#menu li a{
	font-family:"Times New Roman";
	font-size:15px;
	color:#FFF;
	text-transform:uppercase;	
	text-decoration:none;
	display:block;
	padding-right:60px;
	padding-top:3px;
	height: 24px;
	width: 143px;
	}
	
ul#menu li a:hover, ul#menu li.on a {
	color:#306d25;
	}
	
ul#menu li a {
	background-repeat: no-repeat;
	background-position: 158px 3px;	
	}
	
a#a-off {
	background-image: url(/images/accueil-off.png);
	}
	
a#a-on, a#a-off:hover {
	background-image: url(/images/accueil-on.png);
	}
	
a#c-off {
	background-image: url(/images/chevaux-off.png);
	}
	
a#c-on, a#c-off:hover {
	background-image: url(/images/chevaux-on.png);
	}	
	
a#b-off {
	background-image: url(/images/poule-off.png);
	}
	
a#b-on, a#b-off:hover {
	background-image: url(/images/poule-on.png);
	}
	
a#h-off {
	background-image: url(/images/chien-off.png);
	}
	
a#h-on, a#h-off:hover {
	background-image: url(/images/chien-on.png);
	}
	
a#o-off {
	background-image: url(/images/oiseau-off.png);
	}
	
a#o-on, a#o-off:hover {
	background-image: url(/images/oiseau-on.png);
	}
	
a#r-off {
	background-image: url(/images/rongeur-off.png);
	}
	
a#r-on, a#r-off:hover {
	background-image: url(/images/rongeur-on.png);
	}
	
a#p-off {
	background-image: url(/images/poisson-off.png);
	}
	
a#p-on, a#p-off:hover {
	background-image: url(/images/poisson-on.png);
	}
	
a#j-off {
	background-image: url(/images/jardinage-off.png);
	}
	
a#j-on, a#j-off:hover {
	background-image: url(/images/jardinage-on.png);
	}
	
a#d-off {
	background-image: url(/images/divers-off.png);
	}
	
a#d-on, a#d-off:hover {
	background-image: url(/images/divers-on.png);
	}
	
a#g-off {
	background-image: url(/images/galerie-off.png);
	}
	
a#g-on, a#g-off:hover {
	background-image: url(/images/galerie-on.png);
	}
	
	
/*Fin header fixe*/
	
/*Début container */

#bebetes {
	background-image: url(/images/bebetes.png);
	height: 107px;
	width: 88px;
	z-index:1;	
	position:absolute;
	right:50%;
	margin-right:-490px;
	top:250px;
	}	
	
#container {
	background-image: url(/images/container-bgd.png);
	background-repeat: repeat;
	width: 604px;
	min-height:800px;
	padding-top:40px;
	padding-bottom:50px;
	position:absolute;
	left:50%;
	margin-left:-170px;	
	z-index:2;
	}
	
.news {
	background-image: url(/images/news-bgd.png);
	background-repeat: repeat;
	height: 263px;
	width: 200px;
	padding:1px 10px 10px 10px;
	position:absolute;
	right:0;
	z-index:20;
	}
	
	
.news h2 {
	color:#fcc923;
	border-bottom:1px solid #fcc923;
	font-size:20px;
	font-family:"Times New Roman";
	padding-left:3px;
	}	
	
.news ul{
	padding:0;
	}
	
.news li{
	list-style-type: none;
	margin-bottom:5px;
	}
	
.news li a{
	font-size:12px;
	color:#FFF;
	background-image: url(/images/news-off.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	text-transform: lowercase;
	text-decoration:none;
	}
	
.news li a:hover, .news li.on a{
	background-image: url(/images/news-on.png);
	color:#FCC923;
	background-repeat: no-repeat;
	}
	
.contenu {
	padding: 30px 70px 40px 30px;
	}
	
.contenu img{
	border:1px solid #fcc306;
	}	
	
.contenu h2{
	font-size:20px;
	color:#306f26;
	font-family:"Times New Roman";
	}
	
.contenu h3{
	font-size:18px;
	color:#306f26;
	font-family:"Times New Roman";
	}
	
.contenu h4{
	font-size:16px;
	color:#306f26;
	font-family:"Times New Roman";
	font-weight:bold;
	text-decoration:underline;
	}
	
.contenu bold, .contenu strong{
	color:#306f26;
	font-weight:bold;
	}
	
.contenu li{
	padding-bottom:2px;
	}
	
.contenu a{
	color:#306f26;
	text-decoration:underline;
	}
	
.horaire {
	position:absolute;
	top:340px;
	right:50px;
	width:300px;
	}
	
#loupe {
	position:absolute;
	top:500px;
	right:140px;
	}
	
marquee {
	color:#900; 
	font-weight:bold; 
	background-color:#FCC923; 
	padding:3px 0 5px 0;
	position:absolute;
	bottom:0;
	left:0;
	height:17px;
	}
	
object#animaux {
	position:absolute;
	right:50%;
	top:315px;
	margin-right: -620px;
	z-index:2;
	}	
	
		
	
#footer2 {
	height:21px;
	background-color:#306d25;
	border-top:1px solid #fcc923;
	width:100%;
	position:fixed;
	bottom:0;
	padding-top:5px;
	font-size:11px;
	z-index:3;
	}	
	
#footer2 a{
	text-decoration:none;
	}
	
#footer2 a:hover{
	text-decoration:underline;
	}

a#adresse {
	color:#FFF;
	position:absolute;
	left:50%;
	margin-left:-430px;
	font-style:italic;
	}
	
a#lien-urbi {
	color:#FFF;
	position:absolute;
	right:50%;
	margin-right:-430px;
	}	
	
	
	

.errorTextInput {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left: 0px;
	background-color: #FFDDDD;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFDDDD', EndColorStr='#FFFFFFFF');
}


#map {
	border:1px solid #FCC923;
	margin-top:140px;
	}

#iti {
	position:absolute;
	top:380px;
	left:30px;
	width:480px;
	text-align: justify;
	}
	
#iti2 {
	position:absolute;
	top:445px;
	left:30px;
	width:480px;
	text-align: justify;
	}





.descri {
	padding-top:15px;
	padding-left:15px;
	width:780px;
	height:3300px;
	float:left;
	font-weight:bold;

	}


.descri-photo {

	width:330px;
	height:310px;
	float:left;
	}

.descri-texte {
	width:420px;
	height:310px;
	float:left;

	}

.descri-texte2 {
	width:420px;
	height:280px;
	padding-top:10px;
	float:left;

	}

.descri_titre {
	width:450px;
	height:15px;
	left:0px;
	padding-left:0px;
	padding-bottom:5px;
	font-weight:bold;
	text-align:left;
	float:left;

	color: #ffa010;
	font-size:12px;
	}

.descri_titre a{
	font-weight:bold;
	color: #ffa010;
	font-size:12px;
	}


.photo-home {
	width:226px;
	height:317px;
	position:absolute;
	top:343px;
	}





.align-droite {
	float:left;
	padding-top:15px;
	text-align:left;
	width:100px;
	line-height:22px;
	}

.align-center {
	float:left;
	width:400px;
	padding-left:5px;
	padding-left:45px;
	text-align:center;
	}

.align-center2 {
	float:left;
	width:210px;
	margin-top:8px;
	padding-left:5px;
	text-align:center;
	}

.align-gauche {
	float:left;
	padding-top:15px;
	padding-left:25px;
	text-align:left;
	width:140px;
	line-height:22px;
	}
	
.contact-form h3 {
	margin-top:40px;
	margin-bottom:0;
	}

div.contact-form p {
	height:25px;
 	.height:18px;

	}

div.contact-form p.submit {
	clear:both;
	text-align: center;
	}
	
div.contact-form p.submit input{
	margin-top:30px;
	}

div.insc label, div.contact-form label, div.membres label, div.particulier label, div.concours label	{
	clear: left;
	float: left;
	width: 15em;
	padding-top: .5em;
	}

div.insc input.text, div.contact-form input.text, div.insc input.password, div.membres input.text, div.membres input.password, div.particulier input.text, div.particulier input.password	{
	width: 15em;
	}

div.contact-form textarea, div.insc textarea, div.membres textarea	{
	height: 6em;
	width: 26em;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	}

div.contact-form input.text, div.contact-form textarea, div.insc input.text, div.insc textarea , div.insc input.password, div.membres input.text, div.membres input.password, div.membres textarea, div.particulier input.text, div.particulier input.password	{
	border:1px solid #306D25;
	padding: .25em;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	}




div.galerie ul.galerie	{
	margin: 0;
	padding: 10px;
	list-style-type: none;
	}

div.galerie ul.galerie li	{
	display: inline;
	}

div.galerie ul.galerie img	{
	border: 1px solid #808080;
	margin-right: 10px;
	}


/***************  Galerie photo ***************/
	
.galerie {
	.margin-top:-15px;
	}

body #site div.galerie ul.galerie	{
	margin: 40px 0 0 0;
	padding: 0px;
	list-style-type: none;
	}

div.galerie ul.galerie li	{
	display: inline;
	}

#container div.galerie ul.galerie img	{
	border: 1px solid #306D25;
	margin-right: 5px;
	margin-left: 20px;
	margin-bottom: 20px;
	}

#container div.galerie ul.galerie li a:hover img{
	border: 1px solid #FDCD3A;
	}	


/*************** Navigation galerie ***************/

div.photo-target	{
	}

div.nav-fleche	#fleche-precedent , div.nav-fleche	#fleche-precedent a{
	display:inline;
	text-align:center;
	width: 25px;
	height:10px;
	margin-top:1px;
	}
	
#numero2 {
	display:inline;
	text-align:center;
	height:15px;
	font-size:11px;
	}

.numero {
	display:inline;
	text-align:center;
	width:200px;
	.width:40px;
	height:15px;
	}

.nav-fleche{
	margin-left:20px;
	text-align:center;
	width:470px;
	height:20px;
	TEXT-DECORATION: none;
	color: #306D25;
	font-size:10px;
	}
	
.nav-fleche2{
	margin-left:0px;
	text-align:center;
	width:260px;
	height:15px;
	TEXT-DECORATION: none;
	color: #306D25;
	font-size:10px;
	clear:both;
	margin-bottom:20px;
	}
	
#nav-photos .nav-fleche2{
	position:absolute;
	left:20px;
	top:535px;
	}

div.nav-fleche #numero2	div.numero-none, div.nav-fleche2 #numero2	div.numero-none{
	display:inline;
	text-align:center;
	color: #900;
	font-weight:bold;
	}

div.nav-fleche #numero2	div.numero-oui, div.nav-fleche2 #numero2	div.numero-oui{
	display:inline;
	text-align:center;
	color: #306D25;
	font-weight:bold;
	}

div.nav-fleche #numero2	div.numero a, div.nav-fleche2 #numero2	div.numero a{
	display:inline;
	text-align:center;
	color: #306D25;
	TEXT-DECORATION: none;
	}

#container div.nav-fleche #fleche-suivant, #container div.nav-fleche	#fleche-suivant a{
	display:inline;
	text-align:center;
	width: 20px;
	height:10px;
	margin-top:1px;
	margin-left:5px;
	}
	
#container div.nav-fleche2 #fleche-suivant, #container div.nav-fleche2	#fleche-suivant a{
	display:inline;
	text-align:center;
	width: 20px;
	height:10px;
	margin-top:1px;
	margin-left:5px;
	}
	
#container div.nav-fleche #fleche-precedent, #container div.nav-fleche	#fleche-precedent a{
	display:inline;
	text-align:center;
	width: 20px;
	height:10px;
	padding-top:1px;
	}
	
#container div.nav-fleche2 #fleche-precedent, #container div.nav-fleche2	#fleche-precedent a{
	display:inline;
	text-align:center;
	width: 20px;
	height:10px;
	padding-top:1px;
	}
	
	
#container .nav-fleche a img {
	border:0;
	margin:0 10px -1px 0;
	}
	
#container .nav-fleche2 a img {
	border:0;
	margin:0 10px -1px 0;
	}


	
.facebook-site {
	position:absolute;
	top:-3px;
	right:0px;
	}

/*Jquery*/

#featured{ 
	width:604px; 
	position:relative; 
	height:272px; 
	overflow:hidden;
}
#featured ul.ui-tabs-nav{ 
	position:fixed; 
	top:0; 
	left:400px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	width:250px; 
	height:250px;
	overflow:auto;
	overflow-x:hidden;
	visibility:hidden;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}

#featured a img{ 
	border:0!important;
}

#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; text-decoration:none;
	color:#333;  background:#fff; 
	line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:604px; height:272px; 
	position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}