@import url(reset.css);

/* ---------------||| general |||---------------*/

html { font-size: 62.5%; height: 100%; }

body {
	background: #dedacb;
	color: #494949 ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.5em;
}

h1, h2, h3, h4 { 
  font-family: "Helvetica Neue Light", "Lucida Grande", "Arial", sans-serif;
  font-weight: normal;
  margin: 0 0 .5em; 
}

h1 {
  background: transparent url(../images/bgHeader.jpg) top left no-repeat;
  font-size: 2.2em;
  height: 145px;
}

h2 {
	color: #d2232a; 
	font-size: 1.9em;
  line-height: 1.1em;
}

h3 {
	color: #d2232a;
	font-size: 1.6em;
}

h4 { 
  font-weight: bold; 
}

a {
	text-decoration: none; 
	color: #d2232a;
}

a:hover {
	border-bottom: 1px solid #d2232a;
}

p { margin: 0 0 1em; }

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}

/* ---------------||| layout |||---------------*/
#container, #bottom {
  background: #fff url(../images/bgFrame.jpg) top left repeat-y;
  margin: 0 auto;
  padding: 0 11px 0 10px;
  width: 930px;
}

  #header {}
  
  #content-wrapper {}
  
    #content-wrapper #sidebar {
      float: left;
      margin-right: 16px;
      padding-left: 23px;
      width: 221px;
    }
    
    #content-wrapper #content {
      float: left;
      padding: 0 10px;
      width: 650px;
    }
  
  #footer {
    background: transparent url(../images/bgFooter.jpg) bottom left no-repeat;
    height: 210px;
    margin-top: 1em;
    padding-left: 270px;
  }

#bottom {
  background: transparent url(../images/bgFrameBottom.jpg) top left repeat-x;
  height: 10px;
  padding: 0;
}

/* ---------------||| navigation |||---------------*/

ul#nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 221px;
}

ul#nav li {
  margin: .5em 0;
  height: 77px;
  width: 221px;
}

ul#nav li a {
  color: #fff;
  display: block;
  font-size: 2em;
  font-weight: bold;
  height: 77px;
  padding-left: 15px;
  text-indent:  -9999px;
  text-transform: uppercase;
  width: 206px;
}

ul#nav li a:hover { border: none; }

ul#nav li#agenda a { background: transparent url(../images/bgAgenda.jpg) top left no-repeat; }
ul#nav li#direction a { background: transparent url(../images/bgDirection.jpg) top left no-repeat; }
ul#nav li#inscription a { background: transparent url(../images/bgInscription.jpg) top left no-repeat; }

/* ---------------||| autres |||---------------*/

#sidebar p.quote {
  color: #b1b1b1;
  font-size: 2em;
  line-height: 1.1em;
  margin: 1em 0 .2em;
}
#sidebar p.quote-author {
  font-size: .9em; 
  font-weight: bold;
}

#event-info {
  background: transparent url(../images/ombre.jpg) bottom left no-repeat;
  padding-bottom: 13px;
  width:  627px;
}

#event-info table {
  border: 1px solid #d2232a;
  border-width: 1px 0;
  padding: 1em 0; 
  width: 100%;  
}

#event-info table th,
#event-info table td {
  padding: .2em 0;
  vertical-align: top;
}

#event-info table th { 
  font-weight: bold;
  padding-right: 1em;
}

#event-info table td.pause {
  color: #d2232a;
  font-weight: bold;  
}

#event-info table td .organisation {
  font-style: italic;
}

#footer .logos img { 
  float: left; 
  margin-right: 15px;  
}

#footer h3 { margin: 0; }