
/* 
	Copyright: 2009 Kérozen Médias interactifs inc.
	Tous droits réservés
	Créé par Philippe Perreault - philippe@kerozen-mi.com
	Dernière modification : 2009-05-02
*/
@import url("general.css");
@import url("lytebox.css");
.cursorOver:hover{background-color:#E4E4E4;}
.cursorOver {background-color:#fff;}
.lienRetour, .lienRetour a
{
	text-align:center;
	color:#000;
	padding-top:30px;
	
}
	.lienRetour a{text-decoration:underline;}
	.lienRetour a:hover{text-decoration:none;}

html
{
	min-height:100%;
	height:auto;
}
a{outline:none;text-decoration:none;color:#335c1c;}


h1
{
	margin:10px 0;
	padding:0px;
}

body 
	{
		background-color:#335c1c;
		margin:0px;
		padding:0px;
		text-align:left;
		font-family:Verdana, Arial, Geneva, sans-serif
	}
	div#main 
	{
		width:1052px;
		margin:0px auto;
		background:url(/images/center_bg.jpg) center repeat-y;
		
	}
		div#main p#familleNom
		{
			text-align:left;
			font-size:12px;
			margin-bottom:20px;
		}
			div#main p#familleNom a{color:#000;}
				div#main p#familleNom a:hover{text-decoration:none;}
		div#main h1 span{display:none;}
								/*************************************************************************** Header */
		div#main div#header {text-align:center;}
			div#main div#header ul#header_menu 
			{
				list-style:none;
				display:block;
				background:url(/images/menu_bg.jpg) left no-repeat;
				min-height:63px;
				display:block;
				margin:0px;
				padding:20px 0px 0px 0px;
				vertical-align:middle;
			}
				div#main div#header ul#header_menu li 
				{
					display:inline;
					margin:0px;
					padding:0px 20px;
					font-size:24px;
					font-weight:bold;
					color:#000;
				}
					div#main div#header ul#header_menu li a 
					{
						color:#000;
						text-decoration:none;
						cursor:pointer;
					}
						div#main div#header ul#header_menu li a:hover {text-decoration:none;}
								/*************************************************************************** Centre */
		div#main div#center 
		{
			
			padding:0px 58px;
			margin:0px;
		}
			
			div#main div#center div#center_inner
			{
				margin:0px 32px;
				padding:0px;
			}
				div#main div#center div#center_inner p#center_update
				{
					text-align:right;
					font-size:11px;
					font-weight:bold;
					
				}
								/*************************************************************************** Centre : nouvelles */
				div#main div#center div#center_inner ul.nouvelle
				{
					list-style:none;
					margin:0px;
					padding:0px;
				}
					div#main div#center div#center_inner ul.nouvelle h1{font-size:16px;}
					div#main div#center div#center_inner ul.nouvelle h2{font-size:12px;}
					div#main div#center div#center_inner ul.nouvelle li.texte{border-bottom:1px dotted #999;padding-bottom:25px;}
					
								/*************************************************************************** Centre : Embryons */
				div#embryons
				{
					padding:0px;
					margin:0px;
					text-size:11px;
				}
					div#embryons table#embryonsListe .border
					{
						padding-bottom:5px;
						border-bottom:1px solid #666666;
					}
					div#embryons table#embryonsListe a
					{
						color:#000;
						text-decoration:underline;
					}
						div#embryons table#embryonsListe a:hover{ text-decoration:none; }
								/*************************************************************************** Footer */
					div#main div#footer
					{
						text-align:center;
						background-color:#335c1c;
					}
					
						div#main div#footer p#copyright, div#main div#footer p#copyright a 
						{
							color:#FFF;
							font-size:11px;
							text-decoration:none;
							background:url(/images/footer_bg.jpg) top no-repeat;
							min-height:35px;
							padding-top:20px;
							margin:0px;
							
						}
						div#main div#footer p#copyright a:hover{text-decoration:underline;}
		div#main p.top
		{
			text-align:right;	
		}
			div#main p.top img{border:0px;}
		div#main p.clearLeft{clear:left;}
										/************************************************************* Troupeau : Famille de vache */

ul#famille
{
	list-style:none;
	margin:20px auto;
	padding:0px;
	display:block;
}
	ul#famille a{color:#000;}
	ul#famille li
	{
		
		float:left;
		margin:0px;
		padding:10px;
		width:270px;
		

	}
		
		ul#famille li a
		{
			color:#000;
			min-height:275px;
			text-decoration:none;
			border:1px dotted #fff;
			background-color:#FFF;
			display:block;
		}
			ul#famille li a:hover
			{
				border:1px solid #000;
				background-color:#fc3;
			}
			ul#famille li p{text-align:center;}
			
				div#main ul#famille li p.titre
				{
					font-size:14px;
					font-weight:bold;
					color:#000;
					height:30px;
				}
				div#main ul#famille li p.photo
				{
					margin:10px 0px;
					padding:0px;
				}
					div#main ul#famille li p.photo img{border:2px solid #000;}
				div#main ul#famille li p.animalNom
				{
					font-size:11px;
					color:#000;
					font-weight:bold;
			}
			
										/************************************************************* Troupeau : Famille de vache - Membres */
					
div#familleMembre p
{
	text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px;
	color:#000;
}
	div#familleMembre a{color:#000;}
	div#familleMembre p.titreFamille
	{
		font-size:18px;
		font-weight:bold;
	}
	div#familleMembre p.familleAnimalNom
	{
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	div#familleMembre p.photo
	{
		margin:10px 0px;
		padding:0px;
	}
		div#familleMembre p.photo img{border:2px solid #000;}
	div#familleMembre p.animalNom
	{
		font-size:14px;
		font-weight:bold;
	}
	div#familleMembre p.animalDetails
	{
		font-size:12px;
		padding-bottom:20px;
	}
	
div#familleMembre h2
{
	border-bottom:1px dotted #000;	
	color:#000;
	padding-top:20px;
	text-align:left;
}
div#familleMembre ul#membreListe
{
	list-type:none;
	width:475px;
	margin:0px auto;
	padding:0px;
}
	div#familleMembre ul#membreListe li
	{
		display:inline;
		margin:10px 5px;
		padding:0px 5px;
		float:left;
		border:1px dotted #fff;
		min-height:175px;
	}
		div#familleMembre ul#membreListe li:hover
		{
			background-color:#fc3;
			border:1px dotted #000;
			cursor:pointer;
		}

		div#familleMembre ul#membreListe li p
		{
			display:block;	
			text-align:center;
			width:130px;
			color:#000;
			padding:5px 0px;
			
		}
			div#familleMembre ul#membreListe li p.membreTitre
			{
				font-size:12px;
				font-weight:bold;
				height:30px;
			}
			div#familleMembre ul#membreListe li p.membreNom
			{
				font-size:10px;
				font-weight:bold;
			}
			div#familleMembre ul#membreListe li p.membreDetails
			{
				font-size:10px;
			}
			div#familleMembre ul#membreListe li p.membrePhoto img
			{
				border:2px solid #000;
			}
										/************************************************************* Famille : Fiche d'un animal */

div#animalFiche p
{
	text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px;
	color:#000;
}

	div#animalFiche p.animalNom
	{
		
		font-size:18px;
		font-weight:bold;
	}
	div#animalFiche p.animalPhoto
	{
		margin:10px 0px;
		padding:0px;
	}
		div#animalFiche p.animalPhoto img{border:2px solid #000;}
		
	div#animalFiche p.animalDetails
	{
		font-size:12px;
		padding-bottom:20px;
		text-align:center;
	}

