/**************************** the dossiers ******************************/

#bd-dossier-cat #contents,
#bd-dossier-detail #contents {
  background:#fff;
  padding-bottom:10px;
}

#bd-dossier-cat #contents h3,
#bd-dossier-detail #contents h3{
  color:#fff;
  padding-left:15px;
  margin:0 0 0 20px;
  font-size:13px ;
  line-height:32px;
  text-transform: uppercase;
  background:url(../media/dossier-bluebox.png) no-repeat 0 0 ;
}

#dossier{
  position:relative;
  border:1px #ccc solid;
  border-left:none;
  margin:10px 15px 0 0;
  min-height:290px;
  padding-bottom: 10px;
  font-size: 13px;
}

#dossier-corner{
  position:absolute;
  top:-4px;
  right:-2px;
}

#dossier p {
 margin:10px 20px;
 text-align:justify;
} 

#dossier h4{
  font-size:33px;
  margin:40px 0 0 20px;
  width:560px;
}

#dossier h4.no-dossier{
  font-size:20px;
  margin:40px 0 50px 20px;
  width:560px;
}

#dossier h4 span {
  font-size:13px;
}

#dossier h5 {
 color:#0067C1;
 font-size:18px;
 margin:20px 0pt 0pt 20px;
}

#dossier #info-part{
  color:#5D5D5D;
  margin:20px 0 0 20px;  
  visibility: hidden; /* as per request of baptiste */
}

#dossier #info-part li{
  line-height:25px;
}

#dossier p#intro{
  margin:20px;
  font-weight:bold;
  font-size:16px;
}

#dossier p#intro.no-dossier{
  margin-bottom: 150px;
}

#dossier a.dwl{
  padding-left:25px;
  background:url(../media/icons/pdf.png) no-repeat 0 0 ;
}

#dossier ul#advice{
  width:395px;
  color:#5D5D5D;
  margin: 0 20px;
  float:left;
  list-style-type:none;
  padding-left:15px;
}

#dossier ul#advice li{
  margin:10px 20px 0 0px;
  text-align: justify;
}

#dossier ul#advice span{
  color:#0167BD;
  font-weight:bold;
}

#dossier div.left-part {
  float: left;
  width: 440px;
  margin-right: 20px;
}

#dossier div.right-part{
  margin:0px 0 0 0px;
  width:290px;
  float:left;
  text-align: right;
}

#dossier div.right-part hr{
  visibility:visible;
  background-color:#0167BD;
  border:none;
  margin:2px 0 0 0;
  height: 10px;
  width: 100%;
}

#dossier div.right-part p{
  font-size:11px;
}

#dossier div.right-part .logo{
  margin:10px 12px;
}

#dossier div.right-part a{
  color: #0067c1;
}


/*********************************** the dossier comment box **********************/

#add-dossier-comment  {
  margin-top: 20px;
}

#add-dossier-comment label {
  text-align: left;
}

#add-dossier-comment textarea {
  width: 410px;
  margin: 5px 5px;
  display: block;
}

#dossier-comments {
  position: relative;
}

#dossier-comments h4 {
  position: relative;
  width: 100%;
}

#dossier-comments #add-comment-link {
  font-size: 13px;
  padding-left: 20px;
  background-position: -4px -887px;
  position: absolute;
  right: 20px;
  cursor: pointer;
  display: none; /* this is shown with javascript */
}

#dossier-comments a.arr-green {
  position: absolute;
  right: 3px;
  bottom: 0px;
}

#comment-thanks {
  font-size: 13px;
  padding: 10px;
}

#comment-thanks a.arr-green{
  padding: 0 20px;
  background-position: -5px -893px;
  position: static;
}

#dossier-comments{
  width:436px;
  margin:26px 0 0 20px;
  float:left;
}

#dossier-comments h4{
  font-size: 22px;
  line-height: 30px;
  margin: 0;
  padding-left: 15px;
}

#dossier-comments .dossier-comment{
  background: url(../media/bg-dossiercomment.png) no-repeat 0 bottom;
  margin:15px 0pt;
  padding-bottom:15px;
}

#dossier-comments .dossier-comment h5{
  background:url(../media/bg-dossiercomment.png) no-repeat 0 top;
  color:#0167BD;
  line-height:15px;
  margin:0;
  padding:20px 15px 10px 15px;
  font-size: 12px;
}

#dossier-comments .dossier-comment p {
  background:transparent url(../media/bg-dossiercomment.png) no-repeat 0px -30px;
  margin:0;
  padding: 0 15px;
  text-align: justify;
}

/*********************************** the related dossiers ********************************/

div.dossier-related{
  margin:26px 0 0 37px;
  float:left;
  width:250px;
}

#bd-dossier-main div.dossier-related,
#bd-dossier-cat div.dossier-related,
#bd-dossier-404 div.dossier-related {
  width: 345px;
  margin: 20px 0 0 25px;
}

#dossier div.dossier-related h5,
#bd-dossier-detail div.dossier-related h5{
  font-size:13px;
  background-color:#0167BD;
  padding-left:15px;
  color:#FFFFFF;
  line-height:20px;
  margin:14px 0 10px 0;
  text-transform: uppercase;
}

div.dossier-related h4{
  font-size:22px;
  margin:0;
}

div.dossier-related li{
  margin:10px 0;
}

div.dossier-related a{
  color: #333;
  font-weight: normal;
  font-size: 14px;
}


/*********************** the dossier suggest box ********************************/
div#dossier-suggest {
  float:left;
  margin-left: 26px;
}

#dossier-suggest div{
  background: url(../media/suggest-small.png) no-repeat 0 0;
  color: #627022;
  height: 86px;
  width: 183px;
  font-weight: bold;
  position: relative;
  margin: 20px 10px 5px 10px;
  float: left;
}

#dossier-suggest p {
  font-size:14px;
  left:30px;
  position:absolute;
  top:16px;
  margin: 0;
  padding: 0;
}

#dossier-suggest a {
  background: url(../media/arrows.png) no-repeat -18px -1688px;
  color:#EAEED8;
  display:block;
  padding:5px 0pt 0pt 8px;
  font-weight: bold;
}

#dossier-suggest img{
  background: url(../media/dossier-green-circles.png) no-repeat 0 -100px;
  height: 50px;
  width: 50px;
  position: absolute;
  right: 0;
  top: 3px;
}


/********************* the dossier listing *************************/
#dossier h4 span#month{
  font-size:33px;
  display:block;
  color:#0167BD;
}

#dossier p.month-intro a {
  color:#0167BD;
  display:block;
  font-size:13px;
  margin-left:580px;
}

#dossier-list{
  width:720px;
  border:1px #ccc solid;
  margin:15px;
}

#dossier-list h5{
  line-height:42px;
  background-color:#E8E8E8;
  margin:1px;
  font-size:18px;
  padding-left:15px;
}

#dossier-list #pagination{
  line-height:28px;
  background-color:#E8E8E8;
  margin:1px;
  font-size:12px;
  color:#88A010;
  text-align:right;
  padding:0 15px;
}

#dossier-list ul{
  border-top:1px #ccc solid;
}

#dossier-list li{
  clear:both;
  margin:10px 20px 25px 40px;
}

#dossier-list .dossier-preview-pic{
  width: 168px;
  float:left;
  margin: 5px 10px 5px 0 ;
  border-right:1px #0167BD solid;
}

#dossier-list .dossier-preview-pic img{
  width: 130px;
}

#dossier-list .dossier-preview-text{
  float: left;
  width: 470px;
}

#dossier-list ul h6{
  padding:3px 0 0 0;
  font-size:13px;
  font-weight:bold;
  margin: 0 0 7px 0;
}

#dossier-list ul p{
  margin:0;
}

#dossier-list ul p span{
  color:#0167BD;
}

#dossier-list ul p a{
  color:#0167BD;
}


/********************************* the comments page **********************************/
#bd-comment-detail #contents {
  background: #fff;
}

#bd-comment-detail #dossier {
  margin-bottom: 20px;
}

#bd-comment-detail p#intro {
  width: 600px;
  position: relative;
}

#bd-comment-detail p#intro a {
  position: absolute;
  right: -100px;
  margin-left: 0;
}

#bd-comment-detail #contents form {
  width: 430px;
}

#bd-comment-detail #dossier-comments {
  margin: 10px 20px 20px 20px;
  width: 720px;  
  border: 1px #ccc solid;
}

#bd-comment-detail .dossier-comment,
#bd-comment-detail .dossier-comment h5,
#bd-comment-detail .dossier-comment p {
  background-image: url(../media/bg-dossiercomment-wide.png);
}

#bd-comment-detail #dossier-comments h4{
  width: 705px;
  background: #eee;
  border-bottom: 1px #ccc solid;
  padding: 10px 0 10px 15px;
}

#bd-comment-detail #dossier-comments form{
  margin-left:20px;
}

#bd-comment-detail #dossier-comments .dossier-comment{
  margin: 20px auto;
  width: 680px;
}

#bd-comment-detail a#dossier-top {
  position: absolute;
  bottom: 3px;
  right: 20px;
}