/*-----------------------------------------------------------------------------
	Maitre-Benezra.com
-----------------------------------------------------------------------------*/

body {
	background: url(images/interface/bg_site.gif) repeat;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 0;
	margin: 5px 0;
	color: #505048;
}

img {
	border: 0;
}

div.spacer {
	clear: both;
}

/*-----------------------------------------------------------------------------
	Structure
-----------------------------------------------------------------------------*/

#site {
	width: 800px;
	margin: auto;
	background: url(images/interface/scanline.gif) repeat;
}

#site_top {
	background: url(images/cadre/site_top.png) no-repeat top left;
	height: 9px;
	font-size: 0;
}

#site_middle {
	background: url(images/cadre/site_middle.png) repeat-y;
	padding: 0 9px;
}

#site_bottom {
	background: url(images/cadre/site_bottom.png) no-repeat top left;
	height: 9px;
	font-size: 0;
}

#page_top {
	background: url(images/cadre/page_top.png) no-repeat top left;
	height: 9px;
	font-size: 0;
}

#page {
	background-color: #E0DEC5;
	padding: 0 9px;
}

#page_bottom {
	background: url(images/cadre/page_bottom.png) no-repeat top left;
	height: 9px;
	font-size: 0;
}

/*-----------------------------------------------------------------------------
	Barre logo / Bannière / Contact
-----------------------------------------------------------------------------*/

#barre_logo {
	height: 70px;
}

#logo {
	float: left;
	height: 65px;
	width: 245px;
}

#banniere {
	float: left;
	margin: 0 22px;
	width: 391px;
	height: 65px;
}

#contact {
	float: left;
	width: 84px;
	height: 65px;
	line-height: 65px;
	text-align: center;
}

/*-----------------------------------------------------------------------------
	Menu
-----------------------------------------------------------------------------*/

#menu {
	height: 40px;
	margin-bottom: 10px;
}

#menu div.item {
	float: left;
	width: 124px;
	height: 40px;
	line-height: 15px;
	text-align: center;
}

#menu div.item a {
	font-family: Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	padding: 5px 0;
	display: block;
	background: url(images/menu/bouton.png) no-repeat top left;
}

#menu div.item a:hover {
	text-decoration: none;
	background: url(images/menu/bouton_hover.png) no-repeat top left;
}

#menu div.item a.selected {
	font-family: Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	padding: 5px 0;
	display: block;
	background: url(images/menu/bouton_selected.png) no-repeat top left;
}

#menu div.separator {
	float: left;
	width: 4px;
	height: 40px;
}

/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

#navigation {
	text-align: center;
	margin-top: 15px;
}

#navigation #previous {
	float: left;
	width: 70px;
}


#navigation #next {
	float: right;
	width: 70px;
}

/*-----------------------------------------------------------------------------
	Formulaire
-----------------------------------------------------------------------------*/

div.form {
	margin-bottom: 8px;
}

div.form label {
	width: 150px;
	display: inline-block;
	vertical-align: top;
}

/*-----------------------------------------------------------------------------
	Text
-----------------------------------------------------------------------------*/

h1 {
	color: #800000;
	font-size: 15px;
	font-weight: bold;
}

h2 {
	color: #505048;
	font-size: 12px;
	line-height: 18px;
	padding: 0;
	margin: 0;
	text-decoration: underline;
	font-weight: normal;
}

a, a:visited {
	color: #93342C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.error {
	color: #FF0000;
}

/*-----------------------------------------------------------------------------
	Copyright
-----------------------------------------------------------------------------*/

#copyright {
	width: 800px;
	margin: 5px auto;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
}

#copyright a {
	color: #FFFFFF;
}