/*-----CSS Document-----
Site: Les Doo Bamboos
Réalisation: 27/04/2010
Validation W3C: CSS 3
 -----------------------*/
 
/* Mise en place et réglage des elements HTML par défaut */

*{margin:0;padding:0;}
 
body{
	background:#143B20 url(images/body.gif) repeat-x top;
	font-family:"Trebuchet MS", "Verdana", "Times New Roman";
	font-size:14px;
}
img{
	box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
}
img[class=left]{	margin: 5px 10px 5px 0;}
h3{
	font-size: 19px;
	font-family: Arial;
	text-shadow: 0 0 2px #888;
	letter-spacing: 2px;
}
h3 + p{font-size: 14px;}
	.left{float: left;}
	.right{float: right;}
	.center{margin: 0 auto;display: block;}
	.both{
		visibility: hidden;
		clear:both;
	}
	.textcenter{text-align: center;}
	.noshad{
		box-shadow: 0 0 0px #fff;
		-moz-box-shadow: 0 0 0px #fff;
		-webkit-box-shadow: 0 0 0px #fff;
	}

/*--------------------------*/
/* Les liens sur le site    */
/*--------------------------*/	

a{color: #4071AB;}
a:hover{color: #BF051C;}
a:visited{color: #0084D6;}

/*--------------------*/
/* Corps de la page   */
/*--------------------*/

#page{
	position:absolute;
	z-index:32;
	top:0;
	left:50%;
	width:980px;
	height:780px;
	margin:10px 0 10px -490px;
	background:#E2EBCC url(images/sidebar-bamboo.png) no-repeat left bottom;
	_background:#E2EBCC url(images/ie6/sidebar-bamboo.gif) no-repeat left bottom;
}

/*--------------------*/
/* Entete de la page  */
/*--------------------*/
#header{
	width:980px;
	height:194px;
	background:#143B20 url(images/header-title.png) no-repeat right bottom;
	_background:#143B20 url(images/ie6/header-title.gif) no-repeat right bottom;
	border-bottom:4px solid #fff;
}

	.bamboo-left{
		width:247px;
		height:278px;
		background:url(images/header-feuillle.png) no-repeat;
		_background:url(images/ie6/header-feuillle.gif) no-repeat;
		position:absolute;
		z-index:3;
		top:10px;
		left:50%;
		margin-left:-350px;
	}

/* Les chats en haut à gauche */

	.chat-left{
		width:297px;
		height:193px;
		background:url(images/header-chats.png) no-repeat;
		_background:url(images/ie6/header-chats.gif) no-repeat;
		position:absolute;
		z-index:3;
		top:30px;
		left:50%;
		margin-left:-460px;
	}

/*--------------------*/
/* Colonne latérale   */
/*--------------------*/

#sidebar{
	width:230px;
	height:850px;
	background:url(images/sidebar-bg.png) repeat-y;
	margin-left:30px;
	*margin-left: -255px;
	padding:0 10px;
	position:absolute;
	top:30px;
}

/* Le menu latérale */

	.side_bamboo{
		margin-top:330px;
		*margin-top: 250px;
		width:210px;
		height:500px;
		background:url(images/sidebar-back.png) no-repeat left bottom;
		_background:url(images/ie6/sidebar-back.png) no-repeat left bottom;
	}

	ul.menu{width:210px;}	
	ul.menu li{
		width: 210px;
		height: 28px;
		margin: 25px 0;
		background: transparent;
		list-style-type: none;
	}
	ul.menu li.accueil{background:url(images/sidebar-accueil.gif) no-repeat;}
	ul.menu li.presentation{background:url(images/sidebar-presentation.gif) no-repeat;}
	ul.menu li.news{background:url(images/sidebar-news.gif) no-repeat;}
	ul.menu li.femelles{background:url(images/sidebar-femelles.gif) no-repeat;}
	ul.menu li.males{background:url(images/sidebar-male.gif) no-repeat;}
	ul.menu li.chatons{background:url(images/sidebar-chatons.gif) no-repeat;}
	ul.menu li.livredor{background:url(images/sidebar-livredor.gif) no-repeat;}

	ul.menu li a:link,ul.menu li a:visited,ul.menu li a:hover,ul.menu li a:focus{border:none;}

/* Le lien vers le blog dans la sidebar */

	.blog_link{
		width:178px;
		height:79px;
		background:url(images/sidebar-linkblog.gif);
		margin:-65px 0 0 20px;
		*margin-top: 20px;
	}

/*---------------------------*/
/* L'emplacement du contenu  */
/*---------------------------*/

#content{
	width: 680px;	
	height: 550px;
	padding: 10px 10px;
	margin-left: 280px;
	margin-top: 5px;
	overflow: auto;
}
	.static_title{
		font-family: Arial;
		font-size: 21px;
		font-style: italic;
		text-shadow: 0 0 2px #666;
		text-align: right;
		margin-top: 18px;
	}
	.livre_title{
		font-family: Arial;
		font-size: 19px;
		letter-spacing: 2px;
		margin-bottom: 10px;
		text-shadow: 0 0 2px #666;
	}
	.post h3{padding-top: 25px;}	
	.post ul{
		list-style: circle;
		margin-left: 20px;
		padding: 5px 10px;
	}
	
/* Le titre h2 du livre d'or, applicable partout */

	.livredor{
		font-size:30px;
		color:#444;
		margin-left:25px;
		text-shadow:1px 1px 1px #9D9D9D;
		padding-left:35px;
		background: url(images/h11.png) no-repeat left center;
	}
	.article_news_title{
		font-size: 22px;
		color: #444;
		margin-left: 25px;
		text-shadow: 1px 1px 1px #9D9D9D;
		padding-left: 35px;
		background: url(images/h11.png) no-repeat left center;
	}
	.titl_home{
		margin-bottom: 15px;
		background: none;
	}
	.article_news{
		background: rgba(255,255,255,.3);
		padding: 5px 10px;
		margin: 5px 0 15px;
		box-shadow: 0 0 5px #fff;
		-moz-box-shadow: 0 0 5px #fff;
		-webkit-box-shadow: 0 0 5px #fff;
	}
	.info_top{
		background: #E5E5E5;
		border: 1px solid #ccc;
		margin-top: 5px;
	}

/* Mise en place globale du texte */

#content p{
	color:#333;
	font-family:Verdana;
	font-size:12px;
	line-height:21px;
	padding:5px;
}
	.leftphoto{
		float:left;
		text-align:center;
		margin-left: 30px;
	}
	.rightphoto{
		float:right;
		text-align:center;
		margin-right: 30px;
	}
#content span{
	font-size:17px;
	color:#62336C;
	font-family:Verdana;
	font-weight:bold;	
}

/* Mise en page des messages du livre d'or */

	.lopseudo{
		font-size:20px;
		color:#333;
		padding-left:30px;
		background:url(images/perso.png) no-repeat left center;
		text-shadow:1px 1px #888;
	}
	.lomessage{
		padding:10px;
		background:#ededed;
		box-shadow:1px 1px 2px #999;
		-moz-box-shadow:1px 1px 2px #999;
		-webkit-box-shadow:1px 1px 2px #999;
	}
	.comment {
		margin: 10px 0;
	}
/* Gère la mise en place des images si on leurs mets la classe img */
	.img img{
		margin-top:5px;
		box-shadow: 0 0 5px #000;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
	}
	span.mask{display:none;}

/* La presentation du contenu cf presentation.php */

#content .present{
	margin:0 auto 10px auto;
	width:640px;
	padding:5px;
}
	.photo_def{
		width:200px;
		height:210px;
		float:left;
	}
	.photo_def>p {text-align:center;}
	.defright{
		width:420px;
		padding:5px;
		background:#ededed;
		margin-left:200px;
		margin-top:55px;
		box-shadow:1px 1px 1px #c4c4c4;
		-moz-box-shadow:1px 1px 1px #c4c4c4;
		-webkit-box-shadow:1px 1px 1px #c4c4c4;
	}
	ul.galerie{
		list-style: none;
		margin-top: 10px;
		margin-left: 0;
		padding: 0;
	}
	ul.galerie li{
		list-style: none;
		display: inline;
		margin: 7px 10px ;
	}
	ul.galerie li img{
		box-shadow: 0 0 5px #000;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		margin: 5px 0;
	}


/*-----------------------------*/
/* Le formulaire du livre d'or */
/*-----------------------------*/

#form{
	display: none; 
	position: absolute; 
	top: 25%;
	left: 50%;
	min-height: 400px;
	width: 550px;
	padding: 10px 15px;
	margin-left: -275px;
	background: #E5E5E5; 
	z-index: 1002;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 999px #000;
	-moz-box-shadow: 0 0 999px #000;
	-webkit-box-shadow: 0 0 999px #000;
	font-family: Arial;
}
#form legend{
	font-size: 19px;
	font-weight: bold;
	text-shadow: 0 0 2px #666;
	margin-left: 15px;
	padding: 15px 1px;
}
#form fieldset{border: 1px solid #777;}
#form input {
	margin: 5px 0 15px 25px;
	border: 1px solid #777;
	background: #fff;
	color: #000;
	width: 150px;
	padding: 5px 10px;
	box-shadow: 0 0 5px #777;
	-moz-box-shadow: 0 0 5px #777;
	-webkit-box-shadow: 0 0 5px #777;
}
#form input:focus{
	border: 1px solid #37B6ED;
	box-shadow: 0 0 5px #37B6ED;
	-moz-box-shadow: 0 0 5px #37B6ED;
	-webkit-box-shadow: 0 0 5px #37B6ED;
}
#form label{
	color: #143B20;
	font-size: 19px;
	margin-left: 25px;
	text-shadow: 0 0 2px #fff;
}

#form textarea {
	width: 400px;
	height: 110px;
	padding: 10px;
	margin: 7px 0 7px 25px;
	border: 1px solid #777;
	box-shadow: 0 0 5px #777;
	-moz-box-shadow: 0 0 5px #777;
	-webkit-box-shadow: 0 0 5px #777;
}
#form textarea:focus{
	border: 1px solid #37B6ED;
	box-shadow: 0 0 5px #37B6ED;
	-moz-box-shadow: 0 0 5px #37B6ED;
	-webkit-box-shadow: 0 0 5px #37B6ED;
}
#form button{padding: 3px 6px;}
#form input.capcha{width: 90px;}
	.formannounce{
		position:absolute;
		z-index:0;
		top:240px;
		left:730px;
		padding:5px 10px;
	}

	.livre_message{
		display: inline-block;
		background: rgba(125,125,125,.3);
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 5px 15px 7px;
		box-shadow: 0 0 5px #777;
		-moz-box-shadow: 0 0 5px #777;
		-webkit-box-shadow: 0 0 5px #777;
	}
	a.livre_message:focus{
		box-shadow: 0 0 5px #0084D6;
		-moz-box-shadow: 0 0 5px #0084D6;
		-webkit-box-shadow: 0 0 5px #0084D6;
	}


/*--------------------*/
/* pied de la page   */
/*--------------------*/

#footer{
	margin-top:15px;
	_margin-top: 45px;
	}
#footer p{
	color:#fff;
	text-align:center;
	padding-left:270px;
	font-size: 11px;
}