@import "../css/browsers-basic.css";
@import "../css/content.css";
@import "../css/pages.css";


/* special deco */
/*#deco-special {
 background:transparent url(../images/new-website.png) no-repeat 0 0; 
height:100px;
 margin-top: -7px;
 position:absolute;
 left:40px;
 text-indent:-10000px;
 width:600px;
 z-index:75;
}
.page-prise #deco-special {
 display:none;
}*/
/* end special deco */

body, html {
  height: 100%;
}

#wrapper {
  background: transparent url(../images/wrapper-shadow.png) repeat-y 50% 0;
  height: 100%;
  padding: 0 60px;
  position: relative;
  text-align: left;
  width: 850px;
}

html > body #wrapper {
  height: auto;
  min-height: 100%;
}
#header {
  padding-top:35px;
}

#visual {
background-color:#221111;
text-align:center;
 height:320px;
}
#visual img {
  border: 0;
  /*height:320px; */ 
  padding: 0;
 /* width:100%; */
}
.mad_in_belgium {
  margin:0
}
.mad_in_belgium a {
  background: transparent url(../images/mad_in_belgium.png) no-repeat -70px 0;
  display: block;
  height: 220px;
  margin-top: 123px;
  position: absolute;
  right: 41px;
  text-indent: -10000px;
  width: 154px;
  z-index: 60;
}
#header #logo {
  background: transparent url(../images/logo_agripp.png) no-repeat 0 0;
  cursor: pointer;
  height: 20px;
  left: 70px;
  margin-top: 20px;
  position: absolute;
  width: 141px;
  z-index: 76;
}
#header #logo img {
  display: none;
}
#languages {
  left: 45px;
  margin-top: -345px;
  position: absolute;
}
#languages .selected {
  color: #666;
}
#languages a {
  color: #aaa;
}
#tools {
  right: 45px;
  margin-top: -344px;
  position: absolute;
}
#tools a {
  color: #aaa;
}

#menu ul {
  background: transparent url(../images/menu_bg.png) repeat-x left center;
  height: 72px;
  margin-top: -210px;
  margin-bottom: 160px;
  position: relative;
  width: 100%;
  z-index: 60;
}
#menu li {
  float: left;
  height: 26px;
  list-style: none;
  margin: 23px 0 0 0;
  padding: 0;
  position: relative;
  width: 18%;
}

#menu li a {
  color: #515151;
  display: block;
  font: 1.3em Arial, Helvetica, sans-serif;
  height: 22px;
  height: 24px;
  letter-spacing: 0;
  padding-top: 2px;
  text-align: center;
  text-transform: lowercase;
  width: 100%;
}

#menu li a:hover, #menu li .selected {
  background: transparent url(../images/menu_active_bg.png) no-repeat left top;
  color: #000;
  text-decoration: none;
}

#menu .spacer {
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
}

#menu li a:hover .spacer, #menu li .selected .spacer {
  background: transparent url(../images/menu_active_bg_end.png) no-repeat right center;
}

#submenu {
  float:right;
  font-size:170%;
  margin-top:0.7em;
  width : 24%;
}
#submenu li {
  list-style:none;
  margin:0;
}
#submenu .bullet {
  font-size:90%;
  padding-right:5px;
  position:relative;
  top:2px;
}
#submenu li ul {
  margin-bottom:0.4em;
 margin-left:10px;
}
#submenu li li li {
  color:#ccc;
  line-height:80%;
  list-style:square;
  margin-left:36px;
}
#submenu li li li li {
  list-style:none;
  margin-left:0; 
}
#submenu .selected a, #submenu .selected .selected a, #submenu .selected .selected .selected a, #submenu .selected .selected .selected .selected a {
  color:#222;
}
#submenu .selected li a, #submenu .selected .selected li a, #submenu .selected .selected .selected li a, #submenu .selected .selected .selected .selected li a {
  color:#777;
  font-size: 70%;
}



#content {
 float: left;
  width:70%;
}

#footer {
	border-top:1px solid #ccc;
	clear:both;
	margin-top:2em;
	padding:1em 0 3em 0;
}
#footer .right {
	float:right;
}

/* slideshow */

li.slideshow.small {
  background-color: #3a3a3a;
  height: 200px;
  list-style: none;
  margin: 0 0 3em 0;
  padding: 0;
  position: relative;
  width: 200px;
}

li.slideshow.small h2 a {
  background-color: #333;
  bottom: -1.5em;
  color: #fc0;
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  height: 1.5em;
  position: absolute;
  width: 100%;
  z-index: 50;
}

li.slideshow.small .scene {
  height: 100%;
  left: 0;
  position: absolute;
/* display:none; à voir si js désactivés*/
  top: 0;
  width: 100%;
  z-index: 40;
}

li.slideshow.small .scene fieldset {
  border: 0;
  border: none;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

li.slideshow.small .scene img {
  border: 0;
  margin: 0 auto;
  padding: 0;
}

/**************************************/
/* comments */
.comments {
 background:transparent url(../images/dotted_line.png) repeat-x 0 2.5em;
 clear:left;
 padding:3em 0 1em 0;
}
.comments .post_content {
line-height:1.7em;
 margin-top:1em;
/*text-align:justify;*/
}
.comments .odd {
 background-color:#f9f9f9;
 border-color:#eee;
 border-style:solid;
 border-width:1px 0;
 padding:1em 2em;
}
.blog_gravatar {
 display:none;
}

/* comments form */
.comments_new .mandatory {
 color:#aa0000;
}
.comments_new .error {
 border:#aa0000 2px dashed;
 color:#aa0000;
 margin:2em 0;
 padding:10px;
}
.comments_new .warning {
 font-size:90%;
 font-style:italic;
 margin-top:0.5em;
}
#content .comments_new ul {
 list-style:none;
 margin:0;
 padding:0;
}
.comments_new li {
 position:relative;
}
.comments_new .checkbox label {
 display:inline;
}
.comments_new textarea {
 line-height:1.7em;
 width:100%;
}
.comments_new li.submit {
 margin-bottom:3em;
}
#previewComment {
 border-top:1px solid #999;
 margin:1em 0 5em 0;
 padding-top:1em;
}

#admin {
	color:white;
	font-size:80%;
	position:fixed;
	right:5px;
	text-align:right;
	top:5px;
}
#admin a {
	color:#fc0;
	padding:3px;
}