/* Basic Default Styles */
body{
	margin: 0;
	padding: 0;
	background: #BAB684;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #231F20;
}
body.neutral #pageHeader,
body.historiqueneutre #pageHeader,
body.moulinneutre #pageHeader,
body.territoireneutre #pageHeader,
body.societeneutre #pageHeader,
body.architectureneutre #pageHeader{
	height: 198px;
	background: #FFFFFF url('../fr/images/fra_bckg_header_neutral.jpg') no-repeat 0 69px;
}
h1{
	font-size: 1.2em;
	color: #603913;
	text-transform: uppercase;
}
h2{
	margin: 0;
	padding: 1em 0 0 0;
	font-size: 1em;
	color: #858052;
}
h3{ font-size: 1em; }
a:link,
a:visited{
	text-decoration: underline;
	color: #905319;
}
a:hover,
a:active{
	text-decoration: none;
	color: #9E3605;
}
a.external{
	background: transparent url('../images/ico_external.gif') 99% 40% no-repeat;
	padding-right: 15px;
}
a[href$=".pdf"]{ background: url('../images/ico_pdf.gif') 0% 60% no-repeat; padding-left: 20px; }
img{ border: 0; }
.left{ float: left; }
.right{ float: right; }
.center{ text-align:center; }
.clear{ clear: both; }
.clearleft{ clear: left; }
.clearright{ clear: right; }
sup{
   vertical-align: top; 
   font-size: 90%; 
   line-height: 0.8em; 
}
label{ display: block; }

/* --------------------------------------------------------------------*/
/* Container */
#container{
	width: 949px;
	margin: 0 auto;
	background: #F8F9F4;
	text-align: left;
}

/* --------------------------------------------------------------------*/
/* Header */
#pageHeader{
	height: 504px;
	padding: 0 22px 0 21px;
	background: #FFFFFF url('../fr/images/fra_bckg_header.jpg') no-repeat 0 69px;
}
#pageHeader .right{ text-align: right; }
#pageHeader p{ margin: 0; }
#pageHeader ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#pageHeader ul li{ float: left; }
#pageHeader #topname{ margin: 0; }
#pageHeader a,
#footer a{
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}
#pageHeader a:hover,
#footer a:hover{
	text-decoration: underline;
	color: #858052;
}
#pageHeader div#head{
	position: absolute;
	top: 195px;
	clear: both;
}
body.neutral #head{ display: none; }

/* --------------------------------------------------------------------*/
/* Menu / navigation */
ul#nav{ padding: 42px 0 0 0; }
ul#nav li,
#pageHeader ul li,
#footer ul li{
	padding: 0 2px 0 12px;
	background: transparent url('../fr/images/sep.gif') no-repeat center left;
}
ul#nav li.first,
#pageHeader ul li.first,
#footer ul li.first{
	padding-left: 0;
	background: none;
}
ul#menu{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menu li{	float: left; }
ul#menu{
	height: 56px;
	padding: 0 0 0 166px;
	background: transparent url('../fr/images/fra_bckg_menu.jpg') no-repeat top left;
}
ul#menu li a{
	height: 56px;
	display: block;
}
ul#menu li a span{ display: none; }
ul#menu li.item1 a{ width: 161px; }
ul#menu li.item2 a{ width: 145px; }
ul#menu li.item3 a{ width: 135px; }
ul#menu li.item4 a{ width: 140px; }
ul#menu li.item5 a{ width: 202px; }
ul#menu li.item1 a:hover,
body.histoire ul#menu li.item1 a{ background: url('../fr/images/btn_histoire_rl.gif') no-repeat top left; }
ul#menu li.item2 a:hover,
body.moulin ul#menu li.item2 a{ background: url('../fr/images/btn_moulin_rl.gif') no-repeat top left; }
ul#menu li.item3 a:hover,
body.territoire ul#menu li.item3 a{ background: url('../fr/images/btn_territoire_rl.gif') no-repeat top left; }
ul#menu li.item4 a:hover,
body.societe ul#menu li.item4 a{ background: url('../fr/images/btn_societe_rl.gif') no-repeat top left; }
ul#menu li.item5 a:hover,
body.architecture ul#menu li.item5 a{ background: url('../fr/images/btn_architecture_rl.gif') no-repeat top left; }

/* --------------------------------------------------------------------*/
/* Left */
#left{
	float: left;
	width: 179px;
	min-height: 329px;
	padding: 24px 0 0 0;
	background: transparent url('../images/fra_bckg_left.gif') no-repeat top left;
}
#left #smenu{
	margin: 0;
	padding: 0;
	list-style: none;
}
#left #smenu li a{
	display: block;
	margin: 3px 1px 0 0;
	padding: 5px 10px 5px 0;
	background: #A26828;
	font-size: 0.9em;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}
div#container #left #smenu li a:hover,
div#container #left #smenu li a.current{
	background: #FFFFFF;
	color: #A26828;
}
/* Menu color according to section */
body.histoire #left #smenu li a{ background: #A26828; }
body.histoire #left #smenu li a:hover{ color: #A26828; }

body.moulin #left #smenu li a{ background: #B0A282; }
body.moulin #left #smenu li a:hover{ color: #B0A282; }

body.territoire #left #smenu li a{ background: #A2763D; }
body.territoire #left #smenu li a:hover{ color: #A2763D; }

body.societe #left #smenu li a{ background: #A39372; }
body.societe #left #smenu li a:hover{ color: #A39372; }

body.architecture #left #smenu li a{ background: #A88B6A; }
body.architecture #left #smenu li a:hover{ color: #A88B6A; }

/* --------------------------------------------------------------------*/
/* Supporting text */
#supportingText{
	float: left;
	width: 516px;
	min-height: 178px;
	padding: 20px 8px 0 30px;
	background: #F8F9F4 url('../images/fra_bckg_content.gif') no-repeat top left;
	line-height: 1.5em;
	white-space:normal;
}
body.full #supportingText{ width: 730px; }
div.box{
	width: 206px;
	margin: 0 4px;
	padding: 0 0 8px 0;
	/*background: transparent url('../images/fra_bckg_pic.gif') no-repeat bottom left;*/
	font-size: 0.8em;
}
#container div.box div.bckg{
	padding: 0px 20px 0 16px;
	background: none;
	/*background: transparent url('../images/fra_bckg_pic.gif') no-repeat top left;*/
}
div.box p{
	margin: 0 0 0.1em 0;
	padding: 0 0 0.1em 0;
}
div.box a{
	display: block;
	text-decoration: none;
	color: #000000;
}
div.box a span{ float: right; }
div.learnmore{
	margin-left: -30px;
	margin-bottom: 10px;
	margin-right: 0;
	margin-top: 50px;
	min-height: 287px;
	padding: 92px 48px 0 48px;
	background: transparent url('../fr/images/fra_bckg_learnmore.jpg') no-repeat top left;
	font-size: 0.9em;
	font-style: italic;
}
div.learnmore h2{ display: none; }
div.learnmore div.bckg{
	padding: 0 0 50px 0;
	background: transparent url('../images/fra_bckg_learnmore.gif') no-repeat bottom left;
}
div.learnmore div.box{
	font-size: 1em;
	font-style: normal;
}
table{
	width: 100%;
	border-top: 1px solid #bdb296;
	border-left: 1px solid #bdb296;
}
td, th{
	padding: 3px;
	border-right: 1px solid #bdb296;
	border-bottom: 1px solid #bdb296;
	vertical-align: top;
	font-size: 12px;
}
th{ font-weight: bold; }
th.w20{ width:20%; }
#lightbox p.copyright{
	padding-top: 40px;
	text-align: center;
	font-size: 0.9em;
}
p.error{
	padding: 6px;
	background: #ffd5d5;
	border-top: 2px solid #ff7f7f;
	border-bottom: 2px solid #ff7f7f;
	color: #102e44;
}
p.confirm{
	padding: 6px;
	background: #cff2b5;
	border-top: 2px solid #8ed07f;
	border-bottom: 2px solid #8ed07f;
	color: #102e44;
}

/* --------------------------------------------------------------------*/
/* Right */
#right{
	float: left;
	width: 213px;
	min-height: 178px;
	padding: 20px 0 0 0;
	background: transparent url('../images/fra_bckg_right.gif') no-repeat top left;
	line-height: 1em;
}
#right div.box{ margin: 0 0 12px 0; }

/* --------------------------------------------------------------------*/
/* Footer */
#footer{
	clear: both;
	padding: 10px 0;
	text-align: center;
}
#footer p{
	clear: both;
	margin: 0;
	padding: 0;
}
#footer ul{
	margin: 0;
	padding: 0 0 0 210px;
	list-style: none;
}
#footer ul li{ float: left; }