/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/px-body.jpg) repeat-x #ACA868 ;
	color:#000;
}


h2, h3 , h4 , h5, p {
	
	display:block;
	margin:0;
	padding:0;
}





ul, li{
	padding:0;
	margin:0;
}

ul  {
	list-style:none;
}


a {
	text-decoration:none;
	color:#FFFFFF;
	
}


a:hover {
	text-decoration:none;
	color:#000;


}


.clear {
	clear:both;
}
.align-gche {
	float:left;
}
.align-right {
	float:right;
}
.gras {
font-weight:bold;
}
/************************/




#page {
	width:955px;
	background: url(images/px-page.jpg) repeat-y;
	margin:0 auto;
	
}
.support-ind {
height:743px;
float:left;
}
#header {
	width:955px;
	float:left;
	position:relative;
}
#contenu {
	width:955px;
	background: url(images/fnd-page.jpg) no-repeat;
	float:left;
	
}

.logo{
	float:left;
	margin:0 0 0 18px;
		
}
.elevage-slog {
color:#FFB400;
float:left;
font-weight:bold;
font-size:14px;
padding:9px 0 0 20px;
}
.british-short {
position:absolute;
top:50px;
left:250px;
}
.york {
position:absolute;
top:60px;
left:440px;
}
.british-long {
position:absolute;
top:56px;
left:600px;
}
.boulidague {
position:absolute;
top:62px;
left:780px;
}
.cavalier {
position:absolute;
top:50px;
left:645px;
}
/*---------menu----------*/
.pens-slog {
float:left;
margin:0 150px 0 0;
}
#menu {
	float:left;
	padding:11px 0 0 40px;
	width:910px;
}
#menu ul {
	list-style-type:none;
}
#menu li {
	text-decoration: none;
	float:left;	
	display:inline;
}
#menu li.acc a {
	height:35px;
	width:187px;
	float:left;
	margin:0 30px 0 0;
	background:url(images/elv-off.jpg) no-repeat;	
	
}
#menu li.acc a:hover {
	background:url(images/elv-on.jpg) no-repeat;	
    height:35px;
	width:187px;
}
#menu li.actif-acc a{
	background:url(images/elv-on.jpg) no-repeat;	
    height:35px;
	width:187px;
	float:left;
	margin:0 30px 0 0;	
}
#menu li.pens a {
	height:35px;
	width:107px;
	float:left;
	margin:0 30px 0 0;
	background:url(images/pension-off2.jpg) no-repeat;	
	
}
#menu li.pens a:hover {
	background:url(images/pension-on2.jpg) no-repeat;	
	height:35px;
	width:107px;
}
#menu li.actif-pens a{
	background:url(images/pension-on.jpg) no-repeat;	
	height:35px;
	width:217px;
	float:left;
	margin:0 30px 0 0;	
}

#menu li.cont a {
	height:35px;
	width:104px;
	float:left;
	margin:0 30px 0 0;
	background:url(images/contact-off.jpg) no-repeat;		
	
}
#menu li.cont a:hover {
	background:url(images/contact-on.jpg) no-repeat;
	height:35px;
	width:104px;
}
#menu li.actif-cont a{
	background:url(images/contact-on.jpg) no-repeat;
	color:#f5c63c;
	height:35px;
	width:104px;
	float:left;
}
/*-----------------------Index-------------------*/
#index-left {
float:left;
width:240px;
text-align:justify;
padding:16px 0 10px 28px;
}
#index-left h3{
color:#FFB400;
font-size:13px;
font-weight:bold;
padding:0 0 12px 20px;
background:url(images/puce4.gif) no-repeat 0 1px;
}
#index-left p {
padding:0 10px 0 0;
}
.air {
float:right;
margin:10px 20px 0 0;
}
.bloc-mar {
background:url(images/bloc-marron.jpg) no-repeat;
padding:10px 8px 10px 84px;
width:146px;
position:relative;
color:#FFB400;

}

.index-img-left1 {
position:absolute;
top:-12px;
left:-20px;
}
.img-left-ind {
margin:0 0 10px 30px;
}
.livre {
margin:40px 0 0 0;
}
#ind-milieu {
float:left;
width:398px;
text-align:justify;
padding:17px 0 0 40px;
}

.index-mil {
float:left;
margin:0 8px 0 0;
}
#bloc-noir {
background:#363303;
width:400px;
position:relative;
clear:both;
color:#FFFFFF;
margin:20px 0 0 0;
padding:8px 0 8px 0;

}
#bloc-noir p{
padding:10px 6px 10px 0;
color:#FFFFFF;
width:265px;
float:right;
}
.ind-mil-img {
position:absolute;
top:-10px;
left:0px;
}
.bloc-orange {
float:left;
width:379px;
padding:0 0 0 0;
height:203px;
}
.bloc-orange p {
padding:16px 16px 0 20px;
line-height:19px;
}
.bloc-marr-mil {
background: url(images/bloc-mar-mil.jpg) no-repeat;
float:left;
width:379px;
padding:0 0 0 0;
height:150px;
color:#FFB400;
margin:35px 0 0 0;

}

.bloc-acc{
	float:left;
	width:380px;
	padding:0 0 0 0;
	margin:35px 0 0 0;
}

.orange{
	background:#ffb70d;
	color:#000;
	float:left;
	width:160px;
	padding:15px 14px 15px 15px;
	text-align:justify;
	height: 110px;
	line-height: 21px;
}

.marron{
	background:#1d1405;
	color:#ffb400;
	float:left;
	width:160px;
	padding:15px;
	text-align:justify;
	height: 110px;
}




.bloc-marr-mil p {
padding:16px 18px 0 16px;
line-height:19px;
}
.chat-mil {
float:right;
margin:0 8px 0 0;
}
#index-right {
	float:left;
	width:200px;
	text-align:justify;
	padding:16px 0 0px 22px;
}
#index-right h3{
color:#FFB400;
font-size:13px;
font-weight:bold;
padding:0 0 12px 20px;
background:url(images/puce4.gif) no-repeat 0 1px;
}
#index-right p {
padding:0 0px 0 0px;
}
.bloc-mar-right {
background:url(images/bloc-marron-right.jpg) no-repeat;
padding:10px 10px 20px 10px;
width:180px;
color:#FFB400;
position:relative;

}
.bouldog {
	position:absolute;
	left:-10px;
	top: 80px;
}
/*--------------------Pension chien et chat------------------*/
#pension-left {
float:left;
width:232px;
text-align:justify;
padding:16px 0 10px 28px;
}

#pension-left h3{
color:#000000;
font-size:13px;
font-weight:bold;
padding:0 0 12px 20px;
background:url(images/puce.gif) no-repeat 0 1px;
}
#pension-left p {
background: url(images/puce1.gif) no-repeat 0 5px;
padding:0 10px 0 16px;
margin:0 0 0 6px;
} 
.img-left-pension {
margin:20px 0 0 0;
}
#pension-left p.nnpuce {
background:none;
padding:6px 10px 0 0;
margin:0;
} 
#pension-milieu {
float:left;
width:420px;
text-align:justify;
padding:16px 0 16px 28px;
}
#pension-milieu  h3{
color:#000000;
font-size:13px;
font-weight:bold;
padding:0 0 12px 20px;
background:url(images/puce.gif) no-repeat 0 1px;
}
#pension-milieu  p {
background: url(images/puce1.gif) no-repeat 0 10px;
padding:5px 10px 6px 16px;
 
} 
#pension-milieu  p.nnpuce {
background:none;
padding:0 10px 10px 0;
}
#bloc-noir {
background:#363303;
width:400px;
position:relative;
clear:both;
color:#FFFFFF;
margin:40px 0 0 0;
padding:8px 0 8px 0;

}
#pension-milieu #bloc-noir p{
padding:0 6px 10px 0;
color:#FFFFFF;
width:265px;
float:right;
background:none;

}
.condition {
width:220px;
float:left;
}
#pension-milieu .condition  p  {
	margin:0 0 0 8px;
	text-align: left;
}

.tarif {
width:185px;
padding:14px 0 14px 10px;
background:#FFB400;
float:left;
margin:28px 0 0 0;
}
#pension-milieu .tarif p.prix {
margin:0;
}
#pension-milieu .tarif  p {
background: url(images/puce3.gif) no-repeat 0 5px;
padding:0px 10px 15px 10px;
} 
#pension-right {
float:left;
width:210px;
text-align:justify;
padding:16px 0 10px 16px;
}
#pension-right h3{
color:#000000;
font-size:13px;
font-weight:bold;
padding:0 0 12px 20px;
background:url(images/puce.gif) no-repeat 0 1px;
}
#pension-right p {
padding:0 10px 0 16px;
background:url(images/puce1.gif) no-repeat 0 5px;
margin:0 0 0 6px;

}
.img-right-pension {
margin:10px 0 0 0;
}
#pension-right p.nnpuce {
	padding:6px 0px 0 0;
	background:none;
	font-weight:bold;
	margin:0;
	text-align: left;

}
/*-----------------------Contact---------------------------*/
#contact-left {
float:left;
width:252px;
text-align:justify;
padding:16px 0 16px 18px;
}
.contact-gche1 {
margin:20px 0 20px 10px;
}
#contact-milieu {
float:left;
width:421px;
text-align:justify;
padding:16px 0 0 14px;
}
#contact-milieu h3{
color:#000000;
font-size:13px;
font-weight:bold;
padding:2px 0 12px 20px;
background:url(images/puce.gif) no-repeat 0 3px;
float:left;
width:100px;
}
.visite {
margin:0 0 0 0;
float:left;

}
.carte {
float:left;
background:url(images/carte.jpg) no-repeat;
color:#FFFFFF;
font-weight:bold;
width:163px;
height:284px;
padding:10px 19px 0 54px;
text-align:center;
}
#contact-milieu .carte p {
padding:0 0 10px 0;
width:163px;

}
#contact-milieu p {
padding:0 10px 10px 0;
width:170px;

}
#contact {
float:left;
clear:both;
width:421px;
}
.contacter {
width:180px;
float:left;
padding:54px 0 0 0;
clear:left;
}
#contact-mil {
float:left;
width:180px;
text-align:justify;
padding:16px 0 0 0;
}
/*---------------Mentions Lęgales------------*/

#contenu-mentions {
	float:left;
	width:421px;
	padding:20px 0 14px 10px;
	text-align:justify;
	font-size:11px;
	font-weight:normal;
}
.contenu-mentions-h2{
	padding:3px 0 10px 19px;
	color:#FFB400;
	font-size:13px;
	clear:both;
	height:17px;
	background:url(images/puce4.gif) no-repeat 0 30%;
	font-weight:bold;

}
.contenu-mentions-h3{
	color:#000;
	font-size:12px;
	background:url(images/puce1.gif) no-repeat 0 68%;
	padding:5px 0 6px 14px;
	font-weight:bold;
}
/*-----------------------CSS footer------------------------*/
#footer {
	width:955px;
	margin:0 auto;
	text-align:center;
	padding:5px 0 2px 0;
	background: url(images/px-page.jpg) repeat-y;
	color:#000;
	font-weight:bold;
	font-size:11px;
}

#footer ul {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	color:#32230E;
	clear:both;	
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#32230E;
	
}
 
#footer li a:hover{
	color:#D4BEA6;
}

#adres {
	font-size:11px;
	clear:both;
	padding:12px  0 8px 30px;
	height:39px;
}

.object{
	float:left;
	padding:10px 0 0 0;
	
}

#footer span{
	display:block;
}
.flot{
	float:left;
	padding:0 5px 0 5px;
	height:20px;
	text-align:left;	
}
.flot-adr{
	float:left;
	padding:10px 5px 0 5px;
	height:20px;
	text-align:left;	
}
.flot-tel{
	float:left;
	padding:10px 5px 0 5px;
	height:20px;
	text-align:left;
	width:220px;	
}
.flot-email{
	float:left;
	padding:10px 5px 0 5px;
	height:20px;
	text-align:left;
	width:240px;	
}
#courr.flot{
	padding:10px 0 0 5px;
	font-weight:normal;
}
.terre {
	float:left;
	font-size:12px;
	padding:10px 5px 0 0;
	color:#000;
	width:200px;
}
.sep {
	margin:8px 0 0 0;
	float:left;
	
}
#footer p{
	font-size:11px;	
}
#logo_top {
	text-align:center;
	line-height:20px;
	clear:both;
	padding:10px 0 0 0;
} 


#logo_top a{
	font-size:9px;
	border:none;
	color:#888383; 
}

#logo_top a:hover{
	color:#000;
}