/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0px;
}
.h2_index{
	font:bold 16px Arial, Helvetica, sans-serif;
}
html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;	
	background-color:#fff;
	margin:0px;	
	padding:0px;
}
 
#general{
	padding:0px;
	margin:0px;
}

#contenu{
	padding:0px;
	margin:0px;
	background-color:#000;
}

/*-------------------------------------------- BANDEAU */
#bando{	
	height:55px;
	width:955px;
	margin:0px auto;
	background-color:#fff;
	padding-bottom:24px;
	
}

#bando img{
	height:28px;
	width:222px;
	padding:28px 0px 0px 28px;
	border:0px;
	display:block;
	float:left;
}

/*-------------------------------------------- MENU */
#menu{
	height:56px;
	width:400px;
	padding-left:303px;
	float:right;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu ul li{
	margin:0px;
	padding:0px;
	display:inline;
}

#menu ul li a{
	margin:0px;
	display:block;
	float:left;
	width:80px;
	height:56px;
	text-decoration:none;
}

#menu ul li a:hover{
	background-position:0px -56px;
}

#menu ul li a.focus{
	background-position:0px -56px;
}

a.menu_acc_1{
	width:80px;
	background:url(img/titre1.jpg) top left no-repeat;
}

a.menu_acc_2{
	width:80px;
	background:url(img/titre2.jpg) top left no-repeat;
}

a.menu_acc_3{
	width:80px;
	background:url(img/titre3.jpg) top left no-repeat;
}

a.menu_acc_4{
	width:80px;
	background:url(img/titre4.jpg) top left no-repeat;
}

a.menu_acc_5{
	width:80px;
	background:url(img/titre5.jpg) top left no-repeat;
}

/*-------------------------------------------- ACCUEIL */
#accueil{
	width:955px;
	height:440px;
	margin:0px auto;
	padding:0px;
}

.imgaccueil{
	float:left;
	display:block;
	border:0px;
}

.actu{
	width:400px;
	height:440px;
	background:url(img/img-accueil1.jpg) no-repeat top left;
	float:left;
}

.actu1{
	width:223px;
	height:85px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	padding:33px 0px 40px 28px;
}

.actu2{
	width:223px;
	height:220px;
	background-color:#FFFFFF;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	padding:20px 0px 0px 14px;
	overflow:auto;
	margin-left: 30px;
	
}

.date{
	text-align:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:3px 0;
}

.savoirplus{
	text-align:left;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:3px 0;
}

/*-------------------------------------------- ELEVAGE */
#elevage{
	width:955px;
	margin:0px auto;
	padding:0px;
}

#elevage img{
	float:left;
	display:block;
	border:0px;
}

#origine{
	width:375px;
	float:left;
}

#origine table{
	border:solid 1px #000;
	height:100px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin-left:5px;
	background-color: #FFFFFF;
}

#origine td{
	border:solid 1px #000;
	padding-left:3px;
}

.mauvea{
	width:157px;
	height:220px;
	background:url(img/flechea-mauve.gif) no-repeat 5px 50px;
	background-color:#E8CFE2;
	float:left;
	padding:0px 5px 0px 25px;
}

.mauveb{
	background:url(img/flecheb-mauve.gif) no-repeat 345px 30px;
	background-color:#E8CFE2;
	padding:10px 25px 10px 5px;
}

.bleua{
	background:url(img/flechea-bleu.gif) no-repeat 5px 30px;
	background-color:#C8D5EB;
	padding:10px 0px 10px 35px;
}

.bleub{
	width:158px;
	height:220px;
	background:url(img/flecheb-bleu.gif) no-repeat 168px 50px;
	background-color:#C8D5EB;
	float:left;
	padding:0px 25px 0px 5px;
}

.verta{
	width:157px;
	height:220px;
	background:url(img/flechea-vert.gif) no-repeat 5px 50px;
	background-color:#CAE4D2;
	float:left;
	padding:0px 5px 0px 25px;
}

.vertb{
	background:url(img/flecheb-vert.gif) no-repeat 345px 30px;
	background-color:#CAE4D2;
	padding:10px 25px 10px 5px;
}

.jaunea{
	background:url(img/flechea-jaune.gif) no-repeat 5px 30px;
	background-color:#FFF6C8;
	padding:10px 0px 10px 35px;
}

.jauneb{
	width:158px;
	height:220px;
	background:url(img/flecheb-jaune.gif) no-repeat 168px 50px;
	background-color:#FFF6C8;
	float:left;
	padding:0px 25px 0px 5px;
}

/*-------------------------------------------- ECURIE */
#ecurie{
	height:385px;
	width:725px;
	background:url(img/bg-actu.jpg) no-repeat top left;
	margin:0px auto;
	padding:35px 200px 20px 30px;
}

.ecurie1{
	width:400px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	padding:20px;}
	
.ecurie1 img{
	diplay:block;
	float:left;
	padding-top: 20px;
	padding-right: 10px;
}

.ecurie2{
	width:250px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	padding:20px 0 20px 20px;
	overflow:auto;
}

/*-------------------------------------------- ACTUALITES */
#actualites{
	height:385px;
	width:725px;
	background:url(img/bg-actu.jpg) no-repeat top left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px auto;
	padding:35px 200px 20px 30px;
}

.actualites-contenu{
	width:55%;
	height:320px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	padding:20px;
	overflow:auto;}

.actualites-list{
	width:33%;
	height:320px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	padding:20px;
	overflow:auto;
}
	
.actualites-list ul li{
	list-style-type:none;
	padding:3px 0;
}

/*-------------------------------------------- CONTACT */
#contact{
	height:439px;
	width:955px;
	background:url(img/bg-contact.jpg) no-repeat top left;
	margin:0px auto;
	padding:0px;
}

#plan{
	width: 275px;
	padding:40px 0px 10px 575px;
	cursor:pointer;	
}

/* --------------------------------------------------FOOTER */
#footer{
	width:100%;
	text-align:center;
	background-color: #FFF;
	padding-top:30px;
	padding-bottom: 30px;
}

#footer p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top: 15px;
}

.adress{
	width:735px;
	height:30px;
	font-size:9px;
	text-align:left;
	color:#000;
	background:url(img/pt-logo-accueil.jpg) no-repeat 54px 0px;
	padding:0px 0px 0px 220px;
	margin:0px auto;
}

.p1{
	height:30px;
	width:250px;
	float:left;
	display:block;
	background:url(img/barre-footer.jpg) no-repeat 0px 0px;
	padding-left:10px;
}

.p2{
	height:30px;
	width:250px;
	float:left;
	display:block;	
	background:url(img/barre-footer.jpg) no-repeat 0px 0px;
	padding-left:10px;
}

.p3{
	height:30px;
	width:205px;
	float:left;
	display:block;	
	background:url(img/barre-footer.jpg) no-repeat 0px 0px;
	padding-left:10px;
}

/* -------------------------------------------------- FORMULAIRE*/
label{
	display:block;
	float:left;
	width:70px;
}

form{
	margin:0px;
}

.input{
	width:190px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 5px 0px;
	background-color: #FFFFFF;
	border: solid 1px #CCC;
}

textarea{
	width:190px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 5px 0px;
	background-color: #FFFFFF;
	border: solid 1px #CCC;
}

#bouton{
	width:87px;
	height:18px;
	font:italic bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-left: 175px;
	background:url(img/bg-bouton.jpg) no-repeat top right;
	border: none;
	padding-bottom: 5px;
}

#formulaire{
	text-align:justify;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	width: 275px;
	padding:20px 0px 0px 575px;
	margin: 0px;
}

/*------------------------- LIENS -------------------------- */
a.txtfooter {
	text-decoration: none;
}

a.txtfooter:hover {
	text-decoration: none;
	color:#E3AD00;
}

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

a:hover{
	text-decoration: none;
	color:#E3AD00;
}

/*------------------------- TYPOS -------------------------- */
.txtfooter {
	font-size:10px;
	color:#FFFFFF;
	padding: 5px 0px;
}

.txttop {
	font-size:10px;
	color:#666666;
	display: block;
}

.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
}

.txttitre{
	text-align:center;
	font:italic bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 0px;
	clear: both;
}

.txttitre2{
	text-align:left;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 0px;
}

.txttitre3{
	text-align:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:3px 0px;
}

.txtitalik{
	text-align:left;
	font:italic normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#91867E;
}

.txtcontenu{
	text-align:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	clear: both;
	padding-bottom: 10px;
}

.txtbold{
	font-weight:bold; 
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}