/************************************************ forums homepage */
.forum {
    margin:50px 0 0 0;
}
.forum .forum-accueil {
    width:694px;
    height:120px;
    color:#ffffff;
    margin:10px 0 0 0;
}
.forum .forum-accueil ul {
    width:694px;
    height:27px;
}
.forum .forum-accueil ul li {
    display:block;
    float:left;
    height:inherit;
}
.forum .forum-accueil ul li.li1 {
    width:310px;
    font-size:20px;
    text-transform:uppercase;
    padding:0 20px 0 0;
}
.forum .forum-accueil ul li.li1 a {
    color:#ffffff;
}
.forum .forum-accueil ul li.li2 {
    width:62px;
    text-align:center;
}
.forum .forum-accueil ul li.li3 {
    width:105px;
    text-align:center;
}
.forum .forum-accueil ul li.li4 {
    width:170px;
    padding:0 0 0 20px;
}


.border-r {
    border-right:solid 1px #000000;
}
.border-l {
    border-left:solid 1px #1c2223;
}
.forum .forum-accueil ul.content {
    width:694px;
    height:65px;
}
.forum .forum-accueil ul.content li {
    height:45px;
}
.forum .forum-accueil ul.content li.li1 {
    width:310px;
    font-size:12px;
    text-transform:none;
    padding:0 20px 0 0;
}
.forum .forum-accueil ul.content li.li1 a {
    color:#bbbbbb;
    font-size:13px;
}
.forum .forum-accueil ul.content li.li1 a:hover {
    color:#ffffff;
}
.forum .forum-accueil ul.content li.li4 {
    padding:0 0 0 16px;
}
.forum .forum-accueil ul.content li.li4 a {
    font-size:14px;
    color:#D20338;
}
.forum .forum-accueil ul.content li.li4 em {
    font-weight:bold;
    font-style:normal;
}
.forum .forum-accueil ul.content li.li4 span {
    color:#A1A1A1;
}

/************************************************ forums listing page */
.forum .nav {
    height:37px;
    line-height:30px;
}
.forum .nav a {
    display:block;
    color:#ffffff;
}
.forum .nav a.return {
    float:left;
    width:200px;
    background:url(../img/commun/nav-prev-off.png) left center no-repeat;
    padding:0 0 0 27px;
}
.forum .nav a.return:hover {
    background:url(../img/commun/nav-prev-on.png) left center no-repeat;
}
.forum .nav a.return span {
    text-transform:capitalize;
}
.forum .nav a.add-content, .forum .conversation a.add-content {
    float:right;
    width:150px;
    background:url(../img/commun/forum-add-content.png) left center no-repeat;
    padding:0 0 0 27px;
}
.forum .nav a.add-content.alter {
    width:62px;
}
.forum form {
    height:185px;
    background:#222222;
    padding:10px;
    color:#ffffff;
}
.forum form * {
   float:left;
}
.forum form input {
    width:250px;
    margin:0 0 0 10px;
}
.forum form textarea {
    width:100%;
    height:120px;
    margin:10px 0;
}
.forum form .submit {
    margin:0 0 0 320px;
}

.forum .listing-header {
    margin:20px 0 0 0;
}
.forum .listing-header ul.header {
    width:694px;
    height:50px;
}
.forum .listing-header ul li {
    display:block;
    float:left;
    height:30px;
}
.forum .listing-header ul li.li1 {
    width:320px;
    text-transform:none;
    padding:0 10px;
    font-size:13px;
}
.forum .listing-header ul li.li2 {
    width:95px;
    font-size:11px;
}
.forum .listing-header ul li.li3 {
    width:119px;
    text-align:center;
}
.forum .listing-header ul li.li4 {
    padding:0 0 2px 0;
    width:140px;
}
.forum .listing-header ul.content {
    width:694px;
    height:30px;
    padding:5px 0 4px 0;
    color:#ffffff;
}
.forum .listing-header ul.content li a {
    color:#ffffff;
}
.forum .listing-header ul.content li.li4 {
    font-size:11px;
}
.forum .listing-header ul.content li.li4 span {
    font-size:12px;
}

/************************************************ forums conversation page */
#first-topic {
    margin:0;
}
#first-topic .top {
    float:left;
    background:none;
    color:#ffffff;
    border-bottom:0;
    width:694px;
    line-height:15px;
}
#first-topic .right {
    float:left;
    background:none;
    color:#ffffff;
    border-bottom:0;
    padding:0 0 12px 0;
    width:694px;
}
#first-topic .right p {
    font-size:14px;
    line-height:20px;
}

#first-topic .top .bloc-infos {
    margin:0;
}

.forum h1 {
    font-size:36px;
    color:#ffffff;
    margin:0 0 22px 0;
}
.forum h1 span {
    font-size:12px;
}
.forum .conversation {
    color:#ffffff;
    margin:20px 0 0 0;
}
.forum .conversation span.top {
    display:block;
    float:right;
    height:35px;
    width:592px;
    line-height:35px;
    background:#333333;
    font-size:11px;
    border-bottom:solid 2px #222;
    border-right:solid 5px #171616;
}
.forum .conversation span.top strong {
    font-weight:bold;
    font-size:12px;
}
.forum .conversation .left {
    float:left;
    width:73px;
    background:#333333;
    padding:12px 12px 14px 12px;
}
.forum .conversation .left .avatar {
    display:block;
    width:72px;
    height:72px;
    overflow:hidden;
}
.forum .conversation .left .avatar img {
    border:solid 1px #444444;
}
.forum .conversation .right {
    float:left;
    width:571px;
    background:#ffffff;
    padding:8px 12px 12px 12px;
    color:#000000;
    border-left:solid 2px #171616;
    border-bottom:solid 5px #333333;
}
.forum .conversation .right .title {
    font-size:17px;
}
.forum .conversation .right p {
    font-size:12px;
    line-height:17px;
}
.forum .conversation .right p a {
   font-weight:bold;   
}
.forum .conversation .right p a:hover {
   color:#D20338;
}

.forum .conversation .right a.btn-reply {
    float:right;
    background:url(../img/commun/forum-add-content.png) left center no-repeat;
    padding:0 0 0 27px;
    width:65px;
    margin:12px 0 0 0;
    color:#000000;
}
.forum .reply {
    background:#dddddd;
    padding:8px 10px 8px 10px;
    margin:12px 0 0 0;
}
.forum #replyForm {
   height:180px;
   margin:12px 0 0 0;
   background:#dddddd;
   color:#000000;
}
.forum #replyForm .submit {
    margin:0 0 0 250px;
    color:#000000;
}
#form-msg {
    background:#dddddd;
    color:#000000;
    margin:12px 0 0 0;
}
#form-msg button {
    color:#000000;
}
/***************************************** icons for the forum topics */
.forum form .icon {
    height:20px;
    margin:4px 0 0 15px;
}
.forum form .icon li {
    float:left;
    margin:0 0 0 5px;
}
.forum form .icon li a {
    display:block;
    float:left;
    width:15px;
    height:15px;
    text-decoration:none;
    text-indent:-10000px;
}
.forum form .icon li a.sourir {
    background:url(../img/forum/sourir.gif) left center no-repeat;
}
.forum form .icon li a.triste {
    background:url(../img/forum/triste.gif) left center no-repeat;
}
.forum form .icon li a.rire {
    background:url(../img/forum/rire.gif) left center no-repeat;
}
.forum form .icon li a.langue {
    background:url(../img/forum/langue.gif) left center no-repeat;
}
.forum form .icon li a.clin-oeil {
    background:url(../img/forum/clin-oeil.gif) left center no-repeat;
}
.forum form .icon li a.link {
    background:url(../img/forum/link.gif) left center no-repeat;
}
.forum form .icon li a.img {
    background:url(../img/forum/img.gif) left center no-repeat;
}
.forum form .icon li a.bold {
    background:url(../img/forum/bold.gif) left center no-repeat;
}
.forum form .icon li a.italic {
    background:url(../img/forum/italic.gif) left center no-repeat;
}


.forum .bloc-infos {
    float:right;
    height:20px;
    font-size:12px;
    color:#ffffff;
    margin:9px 0 0 0;
}
.forum .bloc-infos a {
    color:#D20338;
    font-weight:bold;
}

.forum .bloc-infos a.icon {
    float:left;
    display:block;
    text-indent:-10000px;
    margin:3px 3px 0 3px;
}

.forum .bloc-infos a.icon.add-contact, .forum .bloc-infos a.icon.send-msg {
    width:25px;
    height:13px;
    background:url(../img/commun/add-contact.gif) left center no-repeat;
}
.forum .bloc-infos a.icon.send-msg {
    background:url(../img/commun/send-msg.gif) left center no-repeat;
}
.forum .alter {
    margin:0;
}
.forum .alter a {
    width:20px;
    margin:0;
    float:left;
    display:block;
    text-indent:-10000px;
    background:url(../img/commun/send-msg-black.gif) left center no-repeat;
}


.forum .pagination {
    height:45px;
    text-align:center;
    padding:15px 0 0 0;
}
.forum .pagination span {
    padding:1px 3px 1px 3px;
    margin:0 3px 0 0;
    font-size:14px;
}
.forum .pagination span a {
    color:#ffffff;
    font-size:14px;
}
.forum .pagination span.fixed {
    background:url(../img/commun/bg-input-button.gif) repeat-x;
    border:solid 1px #d8033a;
    -moz-border-radius:2px 2px 2px 2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    font-weight:bold;
    color:#ffffff;
    font-size:12px;
}