/*------------------------------------------------------ */
/*                                          LAYOUT       */
/*------------------------------------------------------ */
body{
	padding: 0; margin: 0;
	background: #5E5233 url(img/themes/DoggyBrown/background.gif) repeat-y center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

#page{
	padding: 0; margin: 50px auto 20px auto;
	width: 300px;
	text-align: left;
	background: transparent;
}

#top{
	background: #fff url(img/themes/DoggyBrown/page_top.gif) no-repeat center top;
	height: 167px;
}

#main{
	padding: 0 10px 0 10px; margin: 0;
	background: #F2EFEA url(img/themes/DoggyBrown/page_back.gif) repeat-y center top;
}

#content{
	padding: 0 10px; margin: 0;
}


/*------------------------------------------------------ */
/*                            MISE EN PAGE GLOBALE       */
/*------------------------------------------------------ */
h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

a{
	text-decoration: none;
	font-weight: bold;
	color: #5E5233;
}

img{
	border: none;
}

/*------------------------------------------------------ */
/*                                    HAUT DE PAGE       */
/*------------------------------------------------------ */
#intro{
	padding: 0 10px 0 75px; margin: 0 15px;
	color: #5E5233;
	line-height: 17px;
	height: 90px;
	position: relative;
	top: 65px
}

.edito{
	padding: 15px 0 0 0; margin: 0;
	text-align: center;
}

.signature{
	padding: 15px 0 0 0; margin: 0;
	text-align: right;
}

.top_deco1{
	background: transparent url(img/themes/DoggyBrown/chien.gif) no-repeat bottom left; }
.top_deco2{
	background: transparent url(img/themes/DoggyBrown/chien.gif) no-repeat bottom left; }
.top_deco3{
	background: transparent url(img/themes/DoggyBrown/chien.gif) no-repeat bottom left; }


/*------------------------------------------------------ */
/*                                         PORTAIL       */
/*------------------------------------------------------ */
#portail{
	padding: 10px 0 0 5px; margin: 0;
}

#portail div.lien{
	padding: 3px 20px 5px 60px; margin: 0;
	height: 48px
}

#portail .titre{
	padding: 0; margin: 0;
	color: #5E5233;
	font-size: 12px;
}
#portail .titre a{
	color: #5E5233;}

#portail .description{
	color: #90845D;
}

#portail div.remitoffoli{
	background: transparent url(img/themes/DoggyBrown/portail_remitoffoli.gif) no-repeat left top; }
#portail div.lab3109{
	background: transparent url(img/themes/DoggyBrown/portail_lab3109.gif) no-repeat left top; }
#portail div.blog{
	background: transparent url(img/themes/DoggyBrown/portail_blog.gif) no-repeat left top; }
#portail div.cv{
	background: transparent url(img/themes/DoggyBrown/portail_cv.gif) no-repeat left top; }
#portail div.portfolio{
	background: transparent url(img/themes/DoggyBrown/portail_portfolio.gif) no-repeat left top; }

#portail div.lienHover{
	background: transparent url(img/themes/DoggyBrown/portail_hover.gif) no-repeat left top; }


/*------------------------------------------------------ */
/*                                        LES PLUS       */
/*------------------------------------------------------ */
#lesplus{
	padding: 0; margin: 0;
	text-align: center;
}

/* -------------------------------- Recherche -- */
#lesplus div#recherche{
	padding: 10px 0; margin: 0;
}

#lesplus div#google{
	padding: 0; margin: 0 auto;
	width: 210px;
	height: 90px;
	background: #fff url(img/themes/DoggyBrown/google.gif) no-repeat top left;
	text-align: left;
}

#lesplus div#recherche form{
	padding: 52px 0 0 18px; margin: 0;
}

#lesplus div#recherche form .text{
	padding: 1px; margin: 0 10px 0 0;
	width: 135px;
	border: 2px solid #DBD8D4;
	background: #F2EFEA;
	font-size: 10px;
}

#lesplus div#recherche form .submit{
	padding: 0; margin: 0;
	border: 2px solid #DBD8D4;
	background: #F2EFEA;
	font-size: 10px;
}

/* ----------------------------------- Utiles -- */
#lesplus div#utiles{
	padding: 10px 0; margin: 0 auto;
	width: 220px;
	text-align: left;
}

#lesplus div#utiles a{
	padding: 0 0 0 15px; margin: 0;
	background: transparent url(img/themes/DoggyBrown/lien.gif) no-repeat top left;
	color: #827961; }

#lesplus div#utiles a:hover{
	background: transparent;
	color: #675F4C; }


/*------------------------------------------------------ */
/*                                         CREDITS       */
/*------------------------------------------------------ */
#credits{
	padding: 20px 9px 0 0; margin: 0;
	text-align: right;
	color: #756743;
}

#credits a{
	color: #5E5233; }
#credits a:hover{
	color: #71664A; }


/*------------------------------------------------------ */
/*                                        REGLAGES       */
/*------------------------------------------------------ */
#reglages{
	padding: 10px; margin: 0 0 0 -240px;
	background: #F2EFEA url(img/themes/DoggyBrown/reglages.gif) repeat-x bottom left;
	border: 5px solid #D3CDC3;
	color: #776D52;

	position: absolute;
	top: 70px; left: center;
	width: 200px;
	// width: 230px;
}

#reglages a{
	color: #776D52;
	text-decoration: underline;
}


#reglages h1{
	padding: 0 0 0 2px; margin: 0 -5 15px -5;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid;
	border-left: 7px solid;
}

#reglages h2{
	padding: 0 0 0 2px; margin: 25px -5 5px 5;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid;
	border-left: 3px solid;
}

#reglages p{
	padding: 0; margin: 0;
	text-align: justify;
}

#reglages .fermer{
	padding: 0; margin: -8 -5 0 0;
	text-align: right;
}
#reglages .fermer a{
	text-decoration: none;
	color: #000; }


/*------------------------------------------------------ */
/*                                          FOOTER       */
/*------------------------------------------------------ */
#footer{
	background: transparent url(img/themes/DoggyBrown/page_footer.gif) no-repeat top left;
}

#footer #reglagesEtat{
	padding: 0; margin: 0;
	display: none;
	height: 19px;
}