/******************************************************
DEBUT - A ne pas toucher sinon a pte tout ^^
******************************************************/
body{	background-image:url(../img/bg.jpg);	background-attachment:fixed;	background-color:#443728;	font-family:Arial, Helvetica, sans-serif;}

div#overall{	width:770px;	margin:0 auto;}
div#overall div#header{	background-color:#382b1e;	height:68px;	margin:36px 0 6px 0;	padding:0 0 0 95px;	position:relative;	font-family:Arial, Helvetica, sans-serif;	font-size:12px;}

div#overall div#header div#menu{	width:335px;	float:right;	margin:0;	height:68px;	padding:0;}
div#overall div#header div#menu div{	width:166px;	float:right;	border-left:dotted 1px #60554b;	text-align:right;  background-repeat:no-repeat; background-position:8px 18px;}
div#overall div#header div#menu div a{	display:block;	padding:17px 10px;	color:#FFFFFF;	text-decoration:none;	width:146px;	font-size:15px;	line-height:17px;	font-weight:bold;	height:34px;}
div#overall div#header div#menu div a:hover, 
div#overall div#header div#menu a#active, 
div#overall div#menu a#active{
	color:#cee91d;
}
div#overall div#header a{	text-decoration:none;}

div#overall div#header div#logo{	position:absolute;	top:-32px;	left:-17px;	float:left;	width:96px;	height:100px;	background-image:url(../img/logo.png);	background-repeat:no-repeat;}

div#overall div#menu{	background-color:#382b1e;	margin:0 0 6px 0;	height:28px;	padding:0 5px;}
div#overall div#menu a{	display:block; 	float:left;	padding:0 10px;	height:28px;	line-height:28px;	font-size:11px;	color:#FFFFFF;	text-decoration:none;}
div#overall div#menu a:hover{	color:#cee91d;}

div#overall div#container{	background-color:#FFFFFF;	padding:15px; font-size:12px;}
div#overall div#container div#contenu{line-height:15px;	text-align:justify;}
div#overall div#container div#toutclear{	clear:both;	height:1px;}

div#overall div div.bigmenu, div#overall div div.bigmenu2{	text-align:right;	position:absolute;	top:42px;	font: 22px/25px Arial, Helvetica, sans-serif;	width: 236px;	color: #fff;	z-index:10000;	background-image:url(../img/bg_transparent.png);}
div#overall div div.bigmenu2{	top:145px;}
div#overall div div.bigmenu a, div#overall div div.bigmenu2 a{	display:block;	padding:10px 13px;	color:#FFFFFF;	text-decoration:none; font-weight:bold;}
div#overall div div.bigmenu a:hover, div#overall div div.bigmenu2 a:hover{	color:#cee91d;}
div#overall div#footer div#coords{	font-size:10px;	color:#e7e7e7;	padding:10px;	line-height:15px;}
div#overall div#footer div#coords a{ color:#e7e7e7;}
div#overall div#footer div#coords a:hover{ color:#cee91d;}
div#overall div#footer div#links{	background-color:#e7e7e7;	border-bottom:solid 2px #b3ce3a;	text-align:right;}
div#overall div#footer div#links a{	color:#5c5c5c;	text-decoration:none;	padding:0 10px;	line-height:19px;	font-size:10px;}
/******************************************************
FIN - A ne pas toucher sinon a pte tout ^^
******************************************************/

h1{	font-size:18px;	padding:7px 30px; margin-bottom:10px;	border-bottom:solid 1px #cccccc;	font-weight:normal;	background-image:url(../img/pate.gif);	background-repeat:no-repeat;	background-position:3px 3px;}

h2{	font-size:15px; padding:5px 6px;  margin-bottom:5px;	border-bottom:dotted 1px #cccccc;}

div#overall div#container p{ margin:5px 0; text-align:justify; line-height:17px;}
div#overall div#container li{ margin:10px 0 10px 20px; list-style:square; line-height:17px;}

div#overall div#container blockquote{ padding:15px; margin:15px; border:dotted 1px #dddddd; background-color:#eeeeee; font-family:"Courier New", Courier, monospace}

#help{	width:335px;	float:right;	margin-right:-15px;	background-color:#f8f8f8;	background-image:url(../img/bg_help.gif);	background-position:bottom;	background-repeat:no-repeat;	height:191px;}
#help h1{	border:none;	background:none;	background-color:#cbcbcb; padding:7px 20px;}

div#overall #voirplus{ display:block; text-align:right;}
div#overall a{	color:#000000;	text-decoration:none;}
div#overall a:hover{	color:#4e3d2c;}
div#overall div#article div#header{	background:none;	margin:0 0 7px 0;	padding:0;	height:auto;}
div#overall div#article div#header span#titre{	font-weight:bold;}
div#overall div#article div#contenu{	line-height:15px;	text-align:justify;	max-height:90px;	overflow:hidden;}
div#overall div#article hr {	height: 1px;	padding: 0;	color: #e8f4b2;	background-color: #e8f4b2;	border: 0;	width:365px;	margin:10px auto;}

/*div#overall div#container div#previewanimal { width:350px; height:100px; border:dotted 1px #e7e7e7; margin:3px; float:left; background-color:#fdfdfd; padding:5px}
div#overall div#container div#previewanimal:hover{ border:dashed 1px #cee91d;}*/
div#overall div#container div#previewanimal a{ display:block; width:340px; height:90px; border:dotted 1px #e7e7e7; margin:3px; float:left; background-color:#fdfdfd; padding:10px}
div#overall div#container div#previewanimal a:hover{ border:dashed 1px #cee91d;}
div#overall div#container div#previewanimal div#photo{ float:left; width:120px; height:90px; background-repeat:no-repeat; background-position:50% 50%}
div#overall div#container div#previewanimal div#details{
	margin-left:140px;
	height: 100px;
}
div#overall div#container div#previewanimal div#details span, div#alldetails span{ display:block; line-height:18px; white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
-o-text-overflow: ellipsis; 
-icab-text-overflow: ellipsis; 
-khtml-text-overflow: ellipsis; 
-moz-text-overflow: ellipsis; 
-webkit-text-overflow: ellipsis;
font-weight:bold;
width:190px}
div#overall div#container div#previewanimal div#details span span , div#alldetails span span{ font-weight:normal; display: inline;}

div#alldetails {border:dotted 1px #e7e7e7; margin:3px; float:right; background-color:#fdfdfd; padding:10px; font-size:12px; line-height:17px;}

#warning{text-align:center; padding:20px; border:dashed 1px #cee91d; background-color:#fdfdfd; margin:20px 150px;}

div#overall div#container div#map{ float:left; width:350px; height:400px;}
div#overall div#container div#formulaire{ float:right; width:370px;}
div#overall div#container div#formulaire span{	display:block;	margin-bottom:5px;}
form.css label{	display: inline;	position: relative;	float: left;	width: 100px;}
form.css input, form.css textarea{	background-color:#f5f5f5;	border:dotted 1px #b5b5b5;	color:#3c3c3c; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
form.css input:hover, form.css input:focus, form.css textarea:hover, form.css textarea:focus{	background-color:#f5f5f5;	border:dashed 1px #cee91d;	color:#3c3c3c;}


#imgdetail{
	width:360px; 
	height:350px; 
	background-repeat:no-repeat; 
	background-position:top center; 
	position:absolute; 
	top:46px; 
	left:5px;
}

ul#portfolio{
height:281px;
overflow:hidden;
}