/*
	General document structure
	- Browsers default styles reset
	- Hacks
	- Page layout
*/

/*** Browsers default styles reset ***/
html {
	color:#000;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input,textarea,select {
	font-size:100%;
}

legend {
	color:#000;
}

/*** Hacks ***/
.clear {
	clear:both;
	height:0px;
}

.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* - */

/*** Page layout ***/

/* Common elements */
html {
	height:100%;
	background-color: #edecec;
	background-image : url(http://www.lordsofrock.ch/css/background_green.png);  
	background-position : center top; 
	background-repeat : repeat; 
}

body {
	height:100%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333333;
	 
}

#container {
	width:960px;
	margin:0 auto;
}

strong, b {
  font-weight:bold;
}

h1 {
	font-size: 2em;
	color:#f7850a;
	padding-bottom:9px;
}

h3 {
	font-size: 1.2em;
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom:18px;
}

h3 span {
	color:#f7a60a;
}

h4 {
	font-weight: bold;
	color:#f7850a;
	padding-bottom:10px; 
}

h4 a {
	color:#f7850a;
}

a {
	font-size: 1.1em;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.read-more-btn {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color:#ef8411;
}

.read-more-btn:hover {
	color:#000;
}

.read-more-btn span {
	background: transparent url("../img/button-bg.gif") no-repeat scroll 0pt 0pt;
	display:block;
	height:17px;
	line-height:16px;
	padding:0pt 10px;
}

/* Header */
#header {
}

#logo-area {
	float:left;
	margin-bottom:5px;
}

#logo {
	margin-top:6px;
}

h1#logo a {
	background: transparent url("../img/logo.png") no-repeat 0 0;
	float:left;
	width: 121px;
	height: 126px;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration:none
}

#toolbar {
	color:#bebebe;
	font-size: 1.6em;
	margin-left:130px;
}

#toolbar a {
	font-size: 0.7em;
	color:#8b8b8b;
}

#login-area {
	text-align: right;
	margin:11px 0 10px 0;
}

#search {
	background:transparent url("../img/input-search-bg.png") no-repeat scroll 0pt 0pt;
	border:medium none;
	height:16px;
	width:115px;
	font-size:0.7em;
	padding-left:5px;
	margin-left:7px;	
}
/* AJAX SEARCH */
#ajaxSearch_input {
	background: transparent url("../img/input-search-bg.png") no-repeat scroll 0pt 0pt;
	border:medium none;
	height:16px;
	width:115px;
	font-size:0.7em;
	padding-left:5px;
	margin-left:7px;	
}

#ajaxSearch_submit {
   height: 40px;
	width: 40px;
	cursor: pointer;
	border: none;
	background: url("../img/loupe.png") no-repeat left top;
}

#ajaxSearch_output {
  font-size: 90%;
	background-color: #EFEFEF;
	border: 1px solid #6F9303;
	color: black;
  width: 480px;
	z-index: 1;
	padding: 5px;
	margin: 5px 0 15px 0;
}

.ajaxSearch_paging {
}
.AS_ajax_result {
  color: #444;
  margin-bottom: 3px;
}
.AS_ajax_resultLink {
  text-decoration: underline;
}
.AS_ajax_resultDescription, .ajaxSearch_resultDescription{
  color: #555;
  padding: 2px;
}
.AS_ajax_resultsIntroFailure{
  padding: 3px;
}
.AS_ajax_highlight1, .ajaxSearch_highlight1{
  color : #CC0000;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight2, .ajaxSearch_highlight2{
  color : #CB53DF;

  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight3, .ajaxSearch_highlight3{
  color : #DF53B5;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight4, .ajaxSearch_highlight4{
  color : #DF5380;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight5, .ajaxSearch_highlight5{
  color : #A453DF;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight6, .ajaxSearch_highlight6{
  color : #53ADDF;
  padding: 0;
  font-weight: bold;
}
.AS_intro { display: none;}

/* MENU */
#menu {
}

#current-date {
	float:left;
	color:#8f8f8f;
	font-size: 0.7em;
	margin-top:10px;
	width:219px;
	padding-bottom:7px;
}

#menu-items {
	margin:0;
	float:right;
}

.menu-wrapper {
       height:31px;
       border-bottom:1px solid #000;
}

#menu-items ul li span {
	display: block;
	padding:10px 12px;
	background-color: #f7a60a;
}

/* MENU STYLES START */
#nav a {
display: block;
font-weight: bold;
color:#fff;	
}

#nav li.active a span {
background:#f7a60a url("../img/nav-active.png") no-repeat scroll center bottom;
}

#nav a:hover {
color:#333;
text-decoration: none;
}

#nav li ul {
background-color:#4c4c4c;
}

#nav li ul li {
border:1px solid #5a5a5a;
cursor:pointer;
width:159px;
}

#nav li ul li span {
display:block;
float:left;
width:135px;
background-color: #4c4c4c;
}

#nav li ul li span:hover {
background-color: #565656;
}

#nav li ul li a:hover {
color:#fff;
}

/* dropdown menu */
.sf-menu, .sf-menu * {
margin:	0;
padding:	0;
list-style:	none;
}
.sf-menu {
line-height:	1.0;
}
.sf-menu ul {
position:	absolute;
top:	-999em;
width:	10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:	100%;
}
.sf-menu li:hover {
visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:	left;
position:	relative;
}
.sf-menu a {
display:	block;
position:	relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:	0;
top:	2.1em; /* match top ul list item height */
z-index:	99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:	-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:	10em; /* match ul width */
top:	0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:	-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:	10em; /* match ul width */
top:	0;
}
/* MENU STYLES END */


/* Breadcrumb */
#breadcrumb {
	float:left;
	color:#8f8f8f;
	font-size: 0.9em;
	font-family:arial;
	font-weight:bold;
	line-height:1em;
	color:#000;
	padding-top:13px;
}

#breadcrumb a.pathway {
	color:#F7850A;
	font-size: 1em;
}

#top-banner {
	float:right;
	margin-top:8px;
	margin-right:-8px;
	margin-bottom: 8px;
}

/* Middle banner */
.middle-banner {
	text-align: center;
	margin:5px 0;
}

/* Content */
#content-area {
	margin-bottom:7px;
}

#content {
	float:left;
}

/* News */
div.news {
	background:#fff url("../img/module-text-bg.png") repeat-x scroll 0 bottom;
	background-color: #fff;
}

.news h3 {
	color:#000;
}

.news div.first-column {
	width:283px;
	float:left;
}

.news div.first-column {
	width:283px;
	float:left;
}

.news div.second-column {
	width:283px;
	float:right;
}

.news div img.teaser-pic {
	float:left;
	padding:0 10px 0 0;
}

.news div.news-content-hseparator {
	height:2px;
	margin:10px 0;
	background: transparent url("../img/bottom-content-hseparator.gif") no-repeat scroll 0 0;
}

.news a.title {
	color:#333;
	font-weight: bold;
	line-height: 1.6em; 
}

.news a.more {
	color:#f7850a;
	font-size: 1.1em;
	float:right;
	padding-right:7px;	
}
/* Rubrique Actualités */
div.news2 {
	background:#fff url("../img/module-text-bg.png") repeat-x scroll 0 bottom;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.news2 h3 {
	cborder-bottom: 1px solid #ccc;
    margin: 0px !important;
    padding: 5px !important;
    color: black;
}

div.news2 {
	background:#fff url("../img/module-text-bg.png") repeat-x scroll 0 bottom;
	background-color: #fff;
}

.news2 div.first-column {
	width:283px;
	float:left;
}

.news2 div.first-column {
	width:283px;
	float:left;
}

.news2 div.second-column {
	width:283px;
	float:right;
}

.news2 div img.teaser-pic {
	float:left;
	padding:0 10px 0 0;
}

.news2 div.news-content-hseparator {
	height:2px;
	margin:10px 0;
	background: transparent url("../img/bottom-content-hseparator.gif") no-repeat scroll 0 0;
}

.news2 a.title {
	color:#333;
	font-weight: bold;
	line-height: 1.6em; 
}

.news2 a.text {
	color:#333;
	font-weight: normal;
	line-height: 1.6em; 
}
.news2 a.more {
	color:#f7850a;
	font-size: 1.1em;
	float:right;
	padding-right:7px;	
}


.module-text {
	padding:10px;
	background:transparent url("../img/module-text-bg.png") repeat-x scroll 0 bottom;
	background-color:#fff;
	padding-bottom:20px;
	width:566px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin-bottom:7px;
}

.module-text-news {
	background-color:#f6f6f6;
	background-image: none;
	border-bottom:1px solid #cccccc;
}

.module-text-toolbar {
	width:100%;
}

.module-text-toolbar td.commands {
	text-align: right;
}

.module-text p {
	font-size: 1.2em;
	line-height: 1.6em;
}

.module-text p.author, p.created, p.updated {
	color:#666;
}

.module-text p.created {
	margin-bottom:7px
}


.image-caption-left {
	float:left;
	margin-right:10px;
}

.image-caption-left p {
	text-align: center;
	color:#666;
	clear:left;
}

/* Sidebar */
#sidebar {
	width:365px;
	float:right;
}

.scrollable-block {
	width:347px;
	background-color: #4c4c4c;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:8px;
	margin-bottom:8px;
}

#slider {
    width: 347px;
}

#slider ul.navigation li {
	float:left;
	cursor:pointer;
}

#slider ul.navigation li span {
	display:block;
	font-size:1.1em;
	font-weight:bold;
	height:26px;
	line-height:26px;
	padding:0pt 10px;
	color:#fff;
}

#slider ul.navigation a {
    font-size: 1em;
    text-decoration: none;
}

#slider ul.navigation a.selected span {
	background:transparent url("../img/tabbedmenu-active-bg.png") repeat-x scroll 0pt 0pt;
	color:#45494D;
}

#slider ul.navigation a:focus {
    outline: none;
}

#slider div.scroll {
    height: 400px;
    width: 347px;
    overflow: auto;
    position: relative;
    clear: left;
	background:#fff url("../img/tabbedmenu-bg.png") repeat-x scroll 0 bottom;
}

.scrollContainer div.panel {
    padding: 20px 10px 10px 11px;
    height: 380px;
    width: 327px;
}

.scrollContainer div.panel p {
	width:323px;
	font-size: 1.1em;
	line-height: 15px;
	margin-top:5px;
}

.sidebar-text-block {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:8px;
	background: #fff url("../img/sidebar-text-block-bg.png") repeat-x scroll 0pt 100%;
	margin-bottom:7px;
}

.sidebar-text-block h3 {
	color:#000;
	margin-left:80px;
}

.sidebar-text-block p {
	font-size: 1.1em;
	padding-bottom:6px;
}

.sidebar-text-block-white {
background-image: none;
border-bottom:1px solid #ccc;
}

/* Bottom content */
#bottom-content {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background: #f6f6f6 url("../img/bottom-content-bg.png") repeat-x scroll 0 bottom;
}

#bottom-content table {
	width:100%;
}

#bottom-content table td {
	width:318px;
	padding:8px;
	vertical-align: top;
}

#bottom-content table td.bottom-content-separator {
	width:2px;
	padding:0;
	background: transparent url("../img/bottom-content-separator.gif") repeat-y scroll 0 0;
}

#bottom-content h3 {
	color:#000;
}

#bottom-content table td p {
	font-size: 1.1em;
	line-height: 1.6em;
}

#bottom-content table td a.title {
	color:#333;
	font-weight: bold;
	line-height: 1.6em; 
}

#bottom-content table td img.teaser-pic {
	float:left;
	padding:0 10px 0 0;
}

#bottom-content table td a.more {
	color:#f7850a;
	padding-left:10px;
	font-size: 1em;
}

#bottom-content table td div.bottom-content-hseparator {
	height:2px;
	padding:7px 0; 
	margin-top:4px; 
	background: transparent url("../img/bottom-content-hseparator.gif") no-repeat scroll 0 0;
}

/* Footer */
#footer {
	padding-bottom:30px;
}

#footer-nav {
	background: #3b3b3b url("../img/footer-nav-bg.gif") repeat-x;
}

.footer-nav-block {
	float:left;
	padding:8px;
	margin-right:60px;
}

.footer-nav-block ul  {
	padding-left:4px;
}

.footer-nav-block ul li  {
	padding-bottom:6px;
}

.footer-nav-block ul li a {
	color: #c6c6c6;
}

#footer-copy {
	margin-top:10px;
}

#footer-copy-links {
	float:left;
	color:#666666;
}

#footer-copy-links a {
	color:#666666;
}

#footer-copy-links a:hover {
	text-decoration: none;
}

#footer-copyright {
	float:right;
	font-size:1.1em;
}

#footer-copyright a {
	color:#666666;
	font-size: 1em;
}
/* IMAGES */
IMG {margin-right: 10px;}

/* Liste archives */
.azlist,azitem {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color:#333333;
	}

.azlist,azitem  ul  {
	padding-left:4px;
}

.azlist,azitem ul li  {
	padding-bottom:6px;
}

.azlist,azitem ul li a {
	color: #c6c6c6;
}

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}

#EmailForm label input {
	position: inherit;
	left: auto;
}