/*
Stylesheet for Animalis v1.0
Author: Marco Barbosa Rovigo
Email: mbrovigo@gmail.com
Last update: 27 jan 2009
*/


/************************ Import ************************/

@import url("reset.css"); /*Reset all default browser based styles*/
@import url("thumbnailviewer.css"); 

/************************ End Import ********************/


/************************ Common ************************/

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 62.5%; /* 1em = 10px */
	text-align: center;
	background: #df6c35;
	margin: 15px 0 0 0;
	}

#wrapper {
	width: 967px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	background: #df6c35 url(../img/header.jpg) top center no-repeat;
	height: 162px;
	}
	#header a {
		position: relative;
		display: block;
		top: 12px;
		left: 210px;
		width: 289px;
		height: 142px;
		background: url(../img/logo_png.png) no-repeat;
		}
	#header span {
		margin-left: -9000px;
		}

#menu {
	background: #0072bb url(../img/menu_background.jpg) top center no-repeat;
	margin-top: 12px;
	height: 45px;
	}
	#menu a {
		text-decoration: none;
		color: #fff;
		}
	#menu a:hover {
		color: #fff200;
		}
	#menu ul {
		padding: 0 0 0 38px;
		float: left;
		}
		#menu ul li {
			font-size: 1.5em;
			color: #fff;
			float: left;
			margin-right: 30px;
			padding: 17px 0 3px; /* Padding bottom corrects MSIE* bug: Cutting off bottom of the text */
			}
		#menu ul li.active_menu {
			background: #01aef0;
			margin-top: 9px;
			padding: 8px 10px 13px;
			}
			#menu ul li.active_menu a {
				background: #01aef0;
				font-weight: bold;
				color: #fff200;
				}
			#menu ul li.active_menu a:hover {
				cursor: default;
				}
	#menu ul.menu_links {
		padding: 1px 8px 0 0;
		float: right;
		}
		#menu ul.menu_links li {
			font-size: 1.2em;
			color: #fff200;
			float: left;
			margin-right: 18px;
			}
		#menu ul.menu_links a {
			color: #fff200;
			}
		#menu ul.menu_links a:hover {
			color: #fff;
			}
#submenu {
	clear: both;
	background: #01aef0 url(../img/menu_background.jpg) bottom center no-repeat;
	height: 31px;
	}
	#submenu a {
		text-decoration: none;
		color: #fff200;
		}
	#submenu a:hover {
		color: #fff;
		}
	#submenu ul {
		padding: 3px 0 0 38px;
		}
		#submenu ul li {
			font-size: 1.5em;
			color: #fff200;
			float: left;
			margin-right: 30px;
			}
		
#main {
	background: #fff url(../img/main_background.jpg) top center repeat-y;
	padding: 15px 23px;
	}
	#main p {
		font-size: 1.3em;
		color: #333;
		margin: 10px 0;
		padding: 5px 0;
		line-height: 1.7em;
		}
	#main form {
		padding: 10px;
		}
	#main div {
		font-size: 1.3em;
		margin: 0;
		padding: 0;
		}
	#main h3 {
		font-size: 1.5em;
		color: #df6c35;
		padding-top: 25px;
		clear: both;
		}
	#main a {
		color: #000;
		text-decoration: none;
		border-bottom: 1px dotted #000;
		}
	#main a:hover {
		color: #df6c35;
		border-bottom: 1px solid #df6c35;
		}
	#main ul {
		padding: 10px;
		}
		#main ul li {
			padding: 10px 15px;
			font-size: 1.3em;
			background: url(../img/flecha.gif) left 55% no-repeat;
			clear: both;
			}
			#main ul li .alignLeft {
				margin: 0 10px 0 0;
				}
		#main ul ul li {
			margin-left: 25px;
			color: #555;
			}
		#main ul ul li a {
			color: #555;
			border-bottom: 1px dotted #555;
			}

#productList {
	background: #fff url(../img/main_background.jpg) top center repeat-y;
	padding: 15px 23px;
	}

#footer {
	background: #014a81 url(../img/footer_background.jpg) top center no-repeat;
	height: 108px;
	line-height: 1.4em;
	color: #c7b299;
	clear: both;
	}
	#footer p {
		float: left;
		padding: 12px 0 0 25px;
		}
	#footer ul {
		padding: 12px 25px 0 0;
		float: right;
		}
		#footer ul li {
			text-align: right;
			}
			#footer ul li a, #footer p a {
				text-decoration: none;
				color: #c7b299;
				}
			#footer ul li a:hover, #footer p a:hover {
				color: #fff;
				}
		#footer ul li.made_by_logo {
			padding-top: 15px;
			}
			#footer ul li.made_by_logo a {
				color: #014a81;
				background: url(../img/cresysit.jpg) bottom right no-repeat;
				padding: 3px 20px 0 0;
				}
			#footer ul li.made_by_logo a:hover {
				color: #c7b299;
				text-decoration: none;
				}

h2 {
	margin: 10px 0 0;
	padding-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #014a81;
	border-bottom: 1px solid #0072bb;
	}

.clear {
	clear: both;
	}

.alignLeft {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	margin: 15px 10px 0 0;
	padding: 6px;
	background: #fff;
	float: left;
	}

.alignCenter {
	text-align: center;
	}

.infoBox {
	margin: 15px 0;
	padding: 15px;
	font-size: 1.5em;
	border: 1px dashed #df6c35;
	line-height: 1.8em;
	background: #fff;
	}
	.infoBox p {
		padding: 10px;
		}

.infoSmall {
	font-size: 1.1em !important;
	font-style: italic;
	}

/************************ End Common ********************/

/************************ Plan d’accès ********************/

#plandacces {
	text-align: center;
	}
	#plandacces img {
		background: #fff;
		padding: 5px;
		border: 1px dashed #df6c35;
		}

/************************ End Plan d’accès ********************/

/************************ Product listing ********************/

.productColumn_1, .productColumn_2 {
	float: left;
	margin: 15px 0 0 3px;
	width: 169px;
	height: 230px;
	border: 1px dashed #df6c35;
	color: #0072bb;
	background: #fff;
	}
	.productColumn_1 h3, .productColumn_2 h3 {
		font-size: 1.2em;
		text-align: center;
		padding: 10px 5px 0 5px;
		}
	.productColumn_1 p, .productColumn_2 p {
		font-size: 1.1em;
		padding: 0 5px 5px 15px;
		margin-left: 15px;
		background: url(../img/flecha.gif) left 30% no-repeat;
		}
		.productColumn_1 p a, .productColumn_2 p a {
			text-decoration: none;
			color: #0072bb;
			}
		.productColumn_1 p a:hover, .productColumn_2 p a:hover {
			text-decoration: none;
			color: #014a81;
			border-bottom: 1px solid #014a81;
			}
	.productColumn_1 .photoBox, .productColumn_2 .photoBox {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa;
		margin: 10px;
		padding: 6px;
		background: #fff;
		width: 135px;
		height: 135px;
		text-align: center;
		}

.productColumn_2 {
	margin: 15px 0 0 15px;
	}

/************************ End Product listing ********************/