/*  
Theme Name: Division verticale centrale
Theme URI: http://montpetit.net/
Description: Bannière photo, et division verticale titre et contenu.
Version: 1.0
Author: Claude Montpetit
Author URI: http://montpetit.net/
*/
* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  min-width: 800px;
  font-size: 76%;
  font-family: verdana, sans-serif;
  line-height: 1;
  color: #333;
  background: #FFF;
  border: 0px solid #003366;
  margin: 12px 0 0 0px;
}

#page {
  width: 760px;
  margin: 0 auto;
  padding: 12px 8px 0px 0px;
  text-align: left;
  border: 0px solid #ccc;
  font-size: 1em;
}

#entete {
  
}

#entete h1 {
  display: none;
}

#nav div.recherche {
  display: block;
  color: #960;
  font-size: 1.1em;
  font-style: italic;
  font-weight: bold;
  text-align: right;
  padding: 0 0 6px 0px;
}

#banniere {
  background-image: url("images/bannieres/banniere.jpg");
  background-repeat: no-repeat;
  background-position: 0 6px;
  border-bottom: 1px solid #f33;
  border-top: 1px solid #f33;
  height: 192px;
}

#coinBanniere {
  float: right;
  height: 179px;
  width: 180px;
  border: 0px solid #000;
  padding: 0px;
  margin: 6px 0px 6px 0px;
}

#coinBanniereFond {
  width: 180px;
  height: 179px; /* to match DIVs size          */
  background-color: #000; /* the background              */
  filter: alpha(opacity =       50);
  -moz-opacity: 0.50;
  opacity: 0.50;
  color: #000;
  border-left: 1px solid #fff;
}

#coinBanniereTexte {
  width: 180px;
  height: 179px; /* to match DIVs size          */
  background-color: transparent; /* transparent background      */
  position: absolute; /* absolute positioning        */
  z-index: 2; /* place it over the other DIV */
  color: #fff;
  overflow: auto;
}

#coinBanniereTexte ul {
  list-style: none;
  overflow: hidden;
}

#coinBanniereTexte li {
  margin: 1px 6px 1px 6px;
  padding: 1px 2px 1px 2px;
  /* background-color: #003; */
}

#coinBanniereTexte span.titre {
  display: block;
  color: #fc6;
  margin-top: 0px;
  font-size: 12px;
  font-weight: bold;
}

#coinBanniereTexte span.description {
  display: block;
  font-size: 10px;
  margin-top: 2px;
  line-height: 12px;
  font-weight: bold;
}

#coinBanniere a {
  color: #fc6;
  text-decoration: none;
  font-weight: bold;
}

a {
  color: #960;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #960;
  text-decoration: underline;
}

a.selected:hover {
  color: #960;
}

#nav {
  clear: left;
  width: 100%;
  padding-top: 2px;
  font-size: 0.8em;
  font-weight: bold;
}

#nav .chemin {
  float: left;
}

div.contenuDesc {
  margin-top: 20px;
}

#contenu {
  margin-top: 30px;
}

#contenu h2 {
  color: #960;
  float: left;
  width: 200px;
  margin-right: 30px;
  font-weight: normal;
  font-size: 1.3em;
  padding: 0.25em 0 4px 0;
}

#contenu div.sousTitre {
  float: left;
  clear: left;
}


#contenu h3 {
  color: #960;
  width: 300px;
  margin-top: 20px;
  font-weight: bold;
  font-size: 1.3em;
}

.section {
  margin: 30px 0 0 0;
  padding-top: 10px;
  border-top: 1px solid #f33;
}

.section1 {
  border-top: 0;
  margin: 0 0 0 0;
  padding-top: 0px;
}

.section img {
  float: right;
  padding: 20px;
}

.section img.inline {
  float: none;
  padding: 0px;
}

img.wp-smiley{
  float: none;
  padding: 0px;
}

.archives {
  margin: 20px 0 0 0;
  padding-top: 10px;
  border-top: 1px solid #f33;
}

.archives ul {
  margin-top: 10px;
}

.archives ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}

#footer {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #f33;
  text-align: center
}

#footer a{
  color: #ca4;
}

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

#footer ul li {
  margin: 0;
  padding-left: 30px;
  list-style: none;
  display: inline;
}

#contenu div.sousSection {
  width: 500px;
  margin-left: 230px;
}

#contenu .sousSection p {
  margin-bottom: 10px;
  line-height: 1.5em;
}

#basDePage {
  padding-top: 10px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #f33;
  margin: 40px 0 20px 0;
  font-size: 0.8em;
  color: #666;
}

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

img {
  border: 0px;
  background: transparent;
}

blockquote {
  padding-left: 4px;
  border-left: 1px #066 solid;
  font-style: normal;
  color: #664;
}

blockquote.version {
  border-left: 0px;
  font-style: italic;
  color: #997;
}

.wp-smiley {
}