/* Creation de la zone de contenu a coins arrondis */
/* Much thanks to Douglas <http://www.redmelon.net/tstme/4corners/>
	 for his wonderful solution to the "rounded corners" problem
	 and his help in giving me the further solution to use the system
	 with translucent backgrounds!
	 All his code is under the Creative Commons licence:
	 <http://creativecommons.org/licenses/sa/1.0/> */

.rbtop div { background: url(../images/topleft.png) no-repeat top left; }
.rbtop { background: url(../images/topright.png) no-repeat top right; }

.rbbot div { background: url(../images/bottomleft.png) no-repeat bottom left; }
.rbbot { background: url(../images/bottomright.png) no-repeat bottom right; }

.rbcontent div { background: url(../images/left.png) repeat-y top left; }
.rbcontent { background: url(../images/right.png) repeat-y top right; }

/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot, .rbcontent div div, .rbcontent div, .menubot, .menucontent { width: 100%; }
.rbtop div, .rbtop, .rbbot div, .rbbot, .menubot { font-size: 1px; }

.rbtop div, .rbtop { height: 83px; }
.rbbot div, .rbbot { height: 39px; }
.rbbot div div, .rbtop div div, .rbcontent div div { width: auto; }
.rbtop div div {
	margin: 0 41px 0 117px;
	background: url(../images/top.png) repeat;
}
.rbbot div div {
	margin: 0 41px;
	background: url(../images/bottom.png) repeat;
}
.rbcontent div div {
	margin: 0 41px;
	background: url(../images/clair.png) repeat;
	border: 1px solid transparent;
}
.rbcontent div div div {
	position: relative;
	margin: -20px 0 0 44px;
	padding: 1px;
	background-image: none;
	font-size: 1em;
}
.rbcontent div div div div {
	margin: 0;
	padding: 0;
}


/* Creation du menu a coins arrondis */
.menubot { background: url(../images/menubottomright.png) no-repeat top right; }
.menubot div, .menubot { height: 47px; margin:0; }
.menucontent { background: url(../images/menuright.png) repeat-y top right; }
.menubot div, .menucontent div { width: auto; }
.menubot div {
	margin-right: 38px;
	background: url(../images/menubottom.png) repeat-x;
}
.menucontent div {
	margin-right: 10px;
	padding-top: 1px;
	background: url(../images/menufond.png) repeat;
}
.menucontent div div { background-image: none; padding-bottom: 1px; }



/* Pied de page */
#pied p {
	position: relative;
	height: 20px !important;
	height /**/: 60px;
	margin: 0 30px;
	padding: 20px 0;
	background: transparent url(../images/sombre.png) repeat top left;
}
.left, .right {
	position: absolute;
	top: 0;
	width: 30px;
	height: 60px;
	margin: 0;
	font-size: 1px;
}
.left {
	background: transparent url(../images/sombregauche.png) no-repeat top left;
	left: 0;
}
.right {
	background: transparent url(../images/sombredroite.png) no-repeat top right;
	right: 0;
}