/* $Id: $ */

/*
 * reset start
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end of reset */

body,caption, th, td, input, textarea, select, option, legend, fieldset{
  font-family: sans-serif;
}

body {
  background-image: url(images/fond.jpg);
  background-repeat: repeat-x;
  padding-top: 215px;
  font-size: 14px;
  /*font-size: 100.001%;*/
  color: #333333;
  background-color: white;
}

th{
  font-weight: bold;
}

td{
  padding: 5px;
}

li{
  line-height: 1.2em;
  padding-bottom: 0.2em;
}

fieldset{
  border: 1px solid #999999;
  padding: 5px;
  margin: 5px 0;
}

ul{
  padding-bottom: 5px;
}

strong {
	font-weight: bold;
}
em{
  font-style: italic;
}

.mouseover{
  cursor: pointer;
}

a {
  text-decoration: none;
}

a:hover{
  text-decoration:underline;
}

tr.odd{
/*  background-color: #99cce0;*/
}
tr.even{
  background-color: #e0ad99;
}

#logo{
  background-image: url(images/logo.png);
  background-repeat: no-repeat;
  height: 65px;
  width: 250px;
  
  padding-left: 80px;
  padding-top: 25px;
  
  font-size: 30px;
  font-weight: bold;
  
  position: absolute;
  top: 70px;
  left: 45px;
}

#slogan{
  position: absolute;
  top: 60px; 
  left:500px;
  font-size: 30px;
  width: 350px;
  color: #2c6e94;
}


#skip-to-nav {
  display:none;
}

#content {
  padding-left: 45px;
  z-index: 1000;
  width: 600px;
}

#content pre{
  background-color: #eeeeee;
  padding: 5px;
  border: 1px solid #333333;
  margin: 5px 0;
}

#content code{
  font-family: courier;
}

#content h1{
  font-size: 3em;
  padding-bottom: 10px;

}

#content ul{
  list-style: disc;
  padding-left: 30px;
}

#content h2{
  font-size: 3em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#content h2 a{
  text-decoration: none;
}

#content h2 a:hover{
  text-decoration: underline;
}

#content p{
  padding-bottom: 0.5em;
  line-height: 1.25em;
}

#content div.codeblock{
  margin-bottom: 5px;
}

#content ul.links{
  padding-left:0;
}

#sidebar-right{
  position: absolute;
  top: 215px;
  margin-left: 700px;
  width: 200px;
  z-index: 1000;
}

.inline{
  display:inline;
}

.active {
  color: black;
}

ul.inline li{
  padding-right: 20px;
}

#footer-message{
  clear:both;
  padding-left: 45px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 0.5em;
}
div.block {
  padding-bottom: 1em;
}

div.block h2 {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 0.5em;
}

div.block ul{
  margin-left: 0;
  padding-left: 0;
}
div.block .item-list ul li,
div.block ul.menu li{
  list-style:none;
  margin-left: 0;
}


/* action sur le contenu */

#content ul.tabs{
  padding-left: 5px;
}
ul.tabs {
  /*padding-bottom: 10px;*/
  margin-left: 0;
  padding-left: 0;
}

ul.tabs li {
  display: inline;
  }

ul.tabs a {
  text-decoration: none;
  /*font-weight: bold;*/
}


/* liens */
ul.links li {
  display:inline;
}

/* taxonomy */
div.taxonomy {
  padding-bottom: 5px;
}

/* comments */
#comments{
  color: #666666;
  padding-top: 30px;
}
.comment{
  padding-left: 10px;
  border-left: 2px #666666 solid;
}

.comment h3{
  font-weight: bold;
  padding-bottom: 5px;
}

.comment .submitted{
  font-size: 0.5em;
}

.comment p{
  padding-top: 5px;
}

/* formulaire de saisie */

.section-node-add .node-form,
.section-node-edit .node-form{
  font-size: 1.2em;
}
.section-node-add label,
.section-node-edit label{
  display:block;
  font-weight: bold; 
}
.section-node-add #edit-title,
.section-node-edit #edit-title{
  font-size: 1.5em;
}
.section-node-add .form-item,
.section-node-edit .form-item{
  padding-bottom: 0.5em;
}
.section-node-add .description,
.section-node-edit .description,
.section-admin .description{
  padding-left: 5px;
  color: #666666;
  padding-top: 5px;
  font-size: 0.8em;
}
.section-node-add .form-item input,
.section-node-add .form-item textarea,
.section-node-edit .form-item input,
.section-node-edit .form-item textarea
{
  /*margin-left: 20px;*/
}

fieldset.collapsible legend{
  padding-left: 20px;
  padding-right: 20px;
  background-image: url(icons)
}

.form-required{
  color: #E08455;
}

/* Error messages */

  div.messages /* Important messages (status, warning, and error) for the user */
  {
/*    margin: 0 1em 5px 1em;*/
    margin-bottom:10px;
    border: 1px solid #ccc;
    border-bottom: 3px solid #ccc; 
    border-right: 3px solid #ccc; 

    padding: 5px;
    color: #000;
    background-color: #fff;
    padding-left: 35px;
    background-position: 10px 6px;
    background-repeat: no-repeat;
/*    font-style: italic;*/
  }
  div.status /* Normal priority messages */
  {
    background-image: url(icons/accept.png);
    border: 2px solid #6DC361;
    background-color: #D8FFD3;
    background-repeat: no-repeat;
    padding-left: 40px;
  }

  div.warning /* Medium priority messages */
  {
    border-color: #ff7;
    background-image: url(icons/error.png);
    background-repeat: no-repeat;
    padding-left: 40px;
  }

  div.warning, tr.warning
  {
    color: #000;
    background-color: #FFD455; /*#ffc;*/
    background-repeat: no-repeat;
    padding-left: 40px;
  }

  div.error /* High priority messages. See also the .error declaration below. */
  {
    border-color: #c00;
    background-image: url(icons/exclamation.png);
    background-repeat: no-repeat;
    padding-left: 40px;
  }

  div.error, tr.error
  {
    color: #900;
    background-color: #fee;
  }

/* admin */
.admin-menu table{
  width: 100%;
  margin-bottom: 30px;
}
.admin-menu table tr{
  height: 1.2em;
}

.admin-menu table td.region{
  height: 2em;
  vertical-align: middle;
}

#topsite-links{
  position: absolute;
  left: 45px;
  top: 0;
}

#topsite-links ul li{
  display:inline;
  list-style: none;
  margin-left: 0;
  padding-left: 0
}

#topsite-links a{
  color: black;
  text-decoration: none;
  font-family: courier;
}

/* menus in menus (adminitration menu) */
li.expanded ul {
	padding-left: 20px;
}

/* definition lists */
dt{
	font-weight: bold;
	padding: 5px 0;
}
dd{
	padding-left: 15px;
}

/* version large */

#wide-toggle{
  position: absolute;
  left: 10px;
  top: 210px;
  font-size: 10px;
  background-color: #333333;
  color: white;
  z-index: 2; 
  padding: 1px 5px;
  border: #bbbbbb solid 1px;
  cursor: pointer;
}

.wide #slogan{
  left: 700px;
}

.wide #content {
  width: 800px
}

.wide #sidebar-right{
  margin-left: 900px;

}