/* $Id: common.css 324 2006-10-31 17:04:02Z dpapin $ */

body {
  margin: 0;
  padding:0;
  font-family: Arial, sans-serif;
  font-size:100.1%;
  color: #666666;
  background: #ffffff;
  text-align:center;
  min-width:967px;
}

#bodywrapper {
  margin:10px auto 0 auto;
  width:967px;
  text-align:left;
}


/* =================================
 *       Defaults for basic elements
 * ================================= */

img          { border: 0; }
img.middle   { border: 0; vertical-align: middle; position: relative; top: 4px; }
img.baseline { border: 0; vertical-align: baseline; }

div { margin:0; padding:0; }
form { margin:0; padding:0; }

a { outline:none; }



/* ==========================
 *         Main zones
 * ========================== */
#leftCol {
  float:left;
  width:164px;
  margin:0 5px 0 14px ;
}

#mainCol {
    overflow:hidden;
}

#rightCol {
  float:right;
  width:300px;
  margin:0 14px 0 5px;
}


#wrapper {
    width:967px;
    position:relative;
    padding:5px 0;
    background:url(../Images/background.png) top left repeat-y;
}

/* ==========================
 *       Titles
 * ========================== */

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #421344;
}
h1         { margin: 10px 0 5px 0; padding:0; font-size: 130%; }
h2         { font-size: 131%; margin: 0; padding: 3px 0; }
h2 + h3    { margin-top: 12px; }
h4, h5, h6 { font-size: 110%; margin: 0 0 3px 0; padding: 0; }
h3 + h4    { margin-top: 7px; }
h3         { font-size: 120%; padding: 0 0 7px 0; margin-bottom: 5px; color: #421344; }
h5         { font-size: 100%;  margin: 0 0 .2em 0; }
h6         { font-size: 100%;  margin: 0 0 .2em 0; font-style: italic; }
h2.TitleNews { font-size: 140%; margin: 0; padding: 3px 0; }


/* ==========================
 *       Header & footer
 * ========================== */

#header {
  margin: 0;
  width:967px;
  position:relative;
}

#bandeau{
  height: 128px;
  background:transparent url(../Images/bandeau.png);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0px;
  padding: 0px;
}

#header h1 {
  text-indent:-1000em;
  margin:0;
  padding:0;
  width:672px;
  height:51px;
  overflow:hidden;
}

#header h1 a {
  position:absolute;
  display:block;
  left:0px;
  top:0px;
  height:51px;
  width:672px;
  overflow:hidden;
}

#header h2#register{
  text-indent: -10000em;
  margin: 0px;
  padding: 0px;
  height: 10px;
  width: 10px;
  overflow: hidden;
}

#header h2#register a{
  display: block;
  position: absolute;
  left: 152px;
  top: 63px;
  height: 44px;
  width: 135px;
  overflow: hidden;
}

#header h2#publish {
  text-indent: -10000em;
  margin: 0px;
  padding: 0px;
  height: 10px;
  width: 10px;
  overflow: hidden;
}

#header h2#publish a{
  display: block;
  position: absolute;
  left: 413px;
  top: 63px;
  height: 44px;
  width: 135px;
  overflow: hidden;
}


#headerFlash, #headerImg {
  height:150px;
  margin:0;
  padding:0;
  display:block;
}

#header div#version {
  position:absolute;
  right:20px;
  top:10px;
  color: white;
  font-weight:bold;
  font-size:120%;
}

#footer {
  width:967px;
  position:relative;
  margin:0;
}

#footerSite {
  position:relative;
  top:-30px;
}

#siteplan {
  padding: 0px 0px 10px 0px;
  background: transparent url(../Images/gradient-gris-vertical_siteplan.png) repeat-x scroll left top;
  display: block;
  height: 400px;
  margin-left:15px;
  width:937px;
}
#siteplan a {
  display: block;
  text-decoration: none;
}
#siteplan ul, #siteplan li {
  margin:0;
  padding:0;
  list-style-type: none;
}

#siteplan ul {
  padding-left: 25px;
}

#siteplan ul+a {
  clear:left;
  padding-top:3em;
}


#siteplan li {
  float: left;
  width: 200px;
  padding-left:10px;
  padding-right:10px;
}
#siteplan li a {
  display: block;
  color: #FE7A28;
  padding: 7px;
  font-size: 95%;
  font-weight: bold;
}

#siteplan li ul {
  padding-left: 0px;
}
#siteplan li li {
  display: block;
  border-top: none;
  padding: 0px 0px;
  color: #59B305;
  font-size: 77%;
  font-weight: bold;
  text-transform: none;
}
#siteplan li li.titre {
  margin-top: 5px;
}

#siteplan li li a {
  display: block;
  border-top: none;
  padding-bottom:0;
  padding-top:0;
  color: #5C5C5C;
  font-size: 85%;
  font-weight: normal;
  text-transform: none;
}
#siteplan li li a:hover {
  color:#666666;
  text-decoration: underline;
}

#footerInfos {
  background:transparent url(../Images/bottom.png) top left no-repeat;
  height:40px;
  overflow:hidden;
  padding:7px 5px 5px 5px ;
  text-align:center;
}
#infos {
  position:relative;
}

#infos ul, #infos li {
  margin:0;
  padding:0;
  list-style-type: none;
}

#infos li {
  padding:0;
  margin-right:1px;
  display:block;
  overflow:hidden;
  color:#59B305;
  font-weight:bold;
  font-size:77%;
}

#infos li a {
  color:#59B305;
}

#infos li a:hover {
  color:#666666;
}

#copyright {
  display:none;
}



/* ==========================
 *      Navigation menu
 * ========================== */
#navig {
  background:url(../Images/background.png) bottom left repeat-y #c5c5c5;
  height:25px;
}

#navig h3 {
  display:none;
}

#navig ul{
  position:relative;
  left:8px;
  width:950px;
  height:25px;
  background:transparent url(../Images/menu.gif) no-repeat scroll top right;
}
#navig ul, #navig li {
  margin:0;
  padding:0;
  list-style-type: none;
}
#navig li {
  float: left;
  margin: 0;
  height: 25px;
}

#navig li a {
  background: transparent url(../Images/menu.gif) no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 77%;
    font-weight:bold;
    text-decoration:none;
    height: 25px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}
#navig li a span{
    background: transparent url(../Images/menu.gif) no-repeat;
    display:block;
    line-height:15px;
    padding: 7px 0 3px 10px;
}


#navig li a:hover, #navig a.selected, #navig li a:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

#navig li a:hover span, #navig a.selected span, #navig li a:active span{
    background-position: bottom left;
    outline: none;
}


#navig li.inactive {
    float: right;
}
#navig li.inactive span{
    display: block;
    line-height:15px;
    padding:7px 10px 3px 0;
    font-size: 77%;
    font-style: italic;
    color: #ffffff;
}


div.history {
  background:#f5f5f5 url(../Images/background.png) top left repeat-y;
  width:967px;
  position:relative;
}

ol.history, ol.history li {
  list-style-type:none;
  margin:0;
  padding:0;
  background:#f5f5f5;
  font-size:82%;
}

ol.history {
  margin-left:9px;
  width:919px;
  padding:4px 15px 4px 15px;
}
ol.history li {
  float:left;
  background:url(../Images/flechesfil.png) center left no-repeat;
  color:#666666;
  text-indent:19px;
  padding:3px 10px 3px 0;
}

ol.history a {
  text-decoration:none;
  color:#666666;
}

ol.history a:hover {
  color :#421344;
}



/* ==========================
 *        form generics
 * ========================== */
span.failed {
  color:#ffffff;
}
.userFormItem {
  position:relative;
  clear:both;
  margin: 5px 0px 0px 5px;
  padding: 1px 3px;
  line-height:1.8em;
}

.actionsFormItem {
  text-align:center;
  clear:both;
  margin: 5px auto;
}

.jforms-label {
  position:relative;
  display: block;
  float: left;
  width:110px;
  margin:0 5px 0 0;
  padding:0px 0 0 0;
  text-align:right;
}

#comment .jforms-label {
  width:130px;
}

button.jforms-submit {
    margin:0;
    padding: 1px 3px 2px 1px;
    text-align:center;
    border:none;
    height: 27px;
    width: 190px;
    cursor: pointer;
    line-height:27px;
    color:#ffffff;
    font-weight:bold;
    font-size-adjust:none;
    font-stretch:normal;
    background:transparent url(../Images/boutongenerique.png) top left no-repeat;
}


span.jforms-required, label.jforms-required { font-weight:bold; }

.jforms-error-list {
  background:#fd8337;
  color:white;
  border:1px solid red;
  margin:0;
  padding:1px 20px;
}

.jforms-hidden {
    display:none;
}

p.jforms-error { text-align:center; }
input.jforms-error, textarea.jforms-error, select.jforms-error {background-color:#FFF5EF;}
label.jforms-error, span.jforms-error {font-style:italic; color:red;}

input:focus, textarea:focus, select:focus,
input.jforms-error:focus, textarea.jforms-error:focus, select.jforms-error:focus {background-color:#FFFFDD;}

form {
    font-size:90%;
}

form select {
    width:260px;
}

form fieldset {
    clear:both;
    margin:2em 5px;
    padding:0;
    border:none;
}
form legend {
    color:#aaaaaa;
}

form input {
  margin:0;
  padding: 1px 3px;
}
form input.formsubmitbuttonsearch {
  background:transparent url(../Images/boutongenerique.png) top left no-repeat;
  border:medium none;
  display:block;
  width:190px;
  height:27px;
  text-align:center;
  text-decoration:none;
  line-height:27px;
  color:#ffffff;
  font-weight:bold;
  overflow:hidden;
}
.jelix-msg-default, .jelix-msg-contrib, .jelix-msg-comment {
  background:#ffaa66;
  color:white;
  font-weight:bold;
  border:1px solid #fd8337;
  margin:15px 5px;
  padding:1px 20px;
  list-style-type:none;
  border-radius:10px 10px 10px 10px;
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  text-align:left;
}

.closeButton {
  background: transparent url(../Images/bouton-fermer.png) no-repeat scroll;
  height: 24px;
  width: 24px;
  margin: 0 0 0 10px;
  text-indent: -5000em;
  overflow: hidden;
}

#closeJMessage {
 /* position: absolute;
  right: 7px;
  top: 2px;*/
        /*float: right;*/
        /*display: block;*/
        /*position: relative;*/
        /*left: 33px;*/
        /*top: -25px;*/
  top: 3px;
  right: 7px;
}



.closePopupbox {
  margin-top: 3px;
  position: absolute;
  right: 4px;
  top: -10px;
  z-index: 6;
}


/* ==========================
 *        rounded boxes
 * ========================== */

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h3, .cssbox_head h2 {
  background: transparent no-repeat bottom right;
}
.cssbox {
  width: 162px; /* intended total box width - padding-right(next) */
  padding-right: 2px; /* the gap on the right edge of the image (not content padding) */
  margin:0px auto 10px auto; /* use to position the box */
}
/* set the top-right image */
.cssbox_head {
  background-position: top right;
  margin-right: -2px; /* pull the right image over on top of border */
  padding-right: 7px; /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h3, .cssbox_head h2 {
  background-position: top left;
  margin: 0; /* reset main site styles*/
  border: 0; /* ditto */
  padding: 8px 0px 6px 28px; /* padding-left = image gap + interior padding ... no padding-right */
  height: auto !important;
}
/* set the lower-left corner image */
.cssbox_body {
  background-position: bottom left;
  margin-right: 5px; /* interior-padding right */
  padding: 5px 0 5px 7px; /* mirror .cssbox_head right/left */
}


/* ==========================
 *   main column && boxes
 * ========================== */
#mainCol {
  font-size:82%;
}
#main .cssbox_head, .mainbox_head,
#main .cssbox_head h2, .mainbox_head h2 {
  background-image:url(../Images/bgmaintop.png);
}
#main.cssbox, .mainbox,
#main .cssbox_body, .mainbox_body {
  background-image:url(../Images/bgmainbottom.png);
}

#main.cssbox, .mainbox {
  width:461px;
  position:relative;
}
#main .cssbox_body, .mainbox_body {
  margin-right:7px;
  padding:0 0 19px 7px;
}
#main .cssbox_head, .mainbox_head {
  padding-right:10px;
}

.cssbox_interior{
  margin-right:-9px;
  border-right:1px solid #a7a7a7;
  padding:5px 5px 10px 0;
}

#main.cssbox h2, .mainbox h2 {
  color:#ffffff;
  padding-top:6px;
}

#main .cssbox_body p {
  margin:0.2em 0 0.5em 0;
}

#main .cssbox_body h3 {
    color:#59b305;
    border-bottom:1px dotted #59b305;
    margin:1.5em 0 0.5em 0;
    padding:0 0 2px 13px;
    background:transparent url(../Images/doubletrianglevertclair.gif) no-repeat;
    background-position:left center;
    font-size:110%;
}

#main .idocPage h3 a {
    color:#59b305;
    text-decoration:none;
}

#main .cssbox_body h4 {
    margin:0.5em 0 0.5em 0em;
    padding:0 0 2px 13px;
    background:transparent url(../Images/trianglevert.gif) no-repeat;
    background-position:left center;
    font-size:100%;
}

.cssbox_body em, .cssbox_body strong {
  font-weight:bold;
  font-style:normal;
}

.cssbox_body a {
  color:#666666;
  text-decoration:underline;
}

a.linkPlus {
    display:block;
    background:transparent url(../Images/btarbo.gif) top left no-repeat;
    padding-left:14px;
    line-height:12px;
    height:12px;
    text-decoration:none;
}
#main h4.linkPlus {
  background:none;
  padding: 0.5em 0 0.5em 0;
}
a.linkPlus span.numbers {
  text-align:right;
}
a.linkPlus div.contrib {
  float:right;
  text-align:right;
  margin-top: -12px;
}

#mainCol a.fondMessage{
    background-color:#FFA840;
}

/* ==========================
 *   left+right column && boxes
 * ========================== */
#leftCol, #rightCol {
  font-size:77%;
  color:#ffffff;
}

#leftCol a, #rightCol a {
  color:#ffffff;
  font-weight:bold;
  text-decoration:underline;
}

#leftCol a.nodeco, #rightCol a.nodeco {
  color:#ffffff;
  font-weight:normal;
  text-decoration:none;
}

#leftCol a.nodeco:hover, #rightCol a.nodeco:hover {
  text-decoration:underline;
}

#leftCol h3, #rightCol h3,
#leftCol h4, #rightCol h4 {
  color:#ffffff;
}
#leftCol h5, #rightCol h5 {
  color:#b7fd76;
  margin:0 0 3px 0;
  padding:0;
}

.cssbox_body p {
  margin:0;
}

#userArea.cssbox, #userArea  .cssbox_body, #userArea .cssbox_head, #userArea .cssbox_head h3 {
  background-image:url(../Images/blogin.png);
}

#contribArea.cssbox, #contribArea .cssbox_body, #contribArea .cssbox_head, #contribArea .cssbox_head h3 {
  background-image:url(../Images/bcontrib.png);
}

#pratikArea.cssbox, #pratikArea .cssbox_body, #pratikArea .cssbox_head, #pratikArea .cssbox_head h3 {
  background-image:url(../Images/btagcloud.png);
}
#pratikArea .cssbox_head h3 { padding-left:20px; }

#newsArea.cssbox, #newsArea .cssbox_body, #newsArea .cssbox_head, #newsArea .cssbox_head h3 {
  background-image:url(../Images/bnewsLetter.png);
}

#searchArea.cssbox, #searchArea .cssbox_body, #searchArea .cssbox_head, #searchArea .cssbox_head h3 {
  background-image:url(../Images/brecherche.png);
}
#searchArea.cssbox {
  width:298px;
}
#searchArea .cssbox_head h3 { padding-left:33px; }

#loginForm, #newslForm {
  margin-top:2px;
}
#loginInput, #pasInput, #remInput, #emailInput {
  margin-top:0;
  padding-top:0;
}

#loginInput input, #passInput input, #emailInput input  {
  border:1px solid #3e8100;
  width:100px;
  font-size:95%;
}

#remInput {
  padding-top:2px;
}
#remInput label{
  font-size:88%;
  cursor:pointer;
}
#remInput input{
  cursor:pointer;
  position:relative;
  top:2px;
  padding:0px;
  margin:0;
}

#loginButton {
  float:right;
  position:relative;
  top:-47px;
  left:-8px;
}
#newslButton, #searchButton{
  position:relative;
}
#newslButton button, #searchButton button {
  position:absolute;
}
#newslButton button{ left:120px; top:-25px; }

#searchForm .jforms-label, #searchFormAdvanced .jforms-label {
  width:90px;
}

#searchForm input{
  width:230px ;
  font-size:95%;
}

#searchFormAdvanced select, #bonsplans select {
  width:270px ;
  font-size:95%;
}


#searchButton button { left:258px; top:-25px;}
#searchButtonAdvanced {text-align:right; padding-right:10px; line-height:16px;}
#searchButtonAdvanced button { text-align: center; display:inline; margin-left:5px;}

#leftCol a.buttonMail {
  background: transparent url(../Images/btmail.gif) top left no-repeat;
  text-decoration:none;
  display: block;
  height: 17px;
  text-indent:33px;
  overflow:hidden;
}

#leftCol a.buttonMail:hover {
  background-position:bottom left;
}

#leftCol a.buttonOrange,#mainCol a.buttonOrange {
  background: transparent url(../Images/boutontop_IE_2states.png) top left no-repeat;
  text-align: center;
  text-decoration:none;
  color:#FFFFFF;
  display: block;
  width: 141px;
  height: 50px;
  overflow:hidden;
  margin-left: 5px;
  margin-top: 10px;
}

#leftCol a.buttonOrange span,#mainCol a.buttonOrange span{
    display: block;
    line-height: 25px;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
}

#leftCol a.buttonOrange:hover,#mainCol a.buttonOrange:hover {
  background-position:bottom left;
}

#leftCol a.buttonOrange span:hover,#mainCol a.buttonOrange span:hover{
    display:block;
    text-decoration:none;
    line-height:25px;
    padding:0px 5px 0px 5px;
}

button.buttonOk {
  cursor: pointer;
  background: transparent url(../Images/ok.gif) top left no-repeat;
  display: block;
  width: 22px;
  height: 16px;
  text-indent: -1000em;
  overflow:hidden;
  border:0;
}

button.buttonOk:hover {
  background-position:0 -16px;
}

#loginForm a#lostPwd {
  padding-left:5px;
}


ul.boxArea, ul.boxArea li {
  margin:0;
  padding:0;
  list-style-type: none;
}

ul.boxArea li {
}

#leftCol ul.boxArea li a {
  text-align:left;
  overflow:hidden;
  text-decoration:none;
  font-weight:bold;
}


#leftCol ul.boxArea li a:hover {
  text-decoration:underline;
}

#subuserArea {
  background:transparent url(../Images/seplogin.png) top left no-repeat;
  padding:10px 5px;
  margin:0 -6px 0 -7px;
  cursor:default;
}

#subuserSearch {
  background:transparent url(../Images/seprecherche.png) top left no-repeat;
  padding:10px 5px;
  margin:0 -6px 0 -7px;
  cursor:default;
}

#pratikArea a.nodeco {
  font-weight:bold;
}

#bonsplans select {
  width:230px;
}

#bonsplans button {
  display:inline;
  margin-left:5px;
}
#bonsplans button:hover {
  margin-left:5px;
}


/* ==========================
 *        contribs
 * ========================== */
.topItem {
    padding-bottom:5px;
    margin: 5px 0;
    border-bottom:1px dotted #666666;
}

div.topInfo {
    float:right;
    padding:0 0.5em 0 1em;
    text-align:right;
}

div.topInfo a {
  display:block;
}

div.topInfo div{
    padding:2px 4px;
}

.topLinks {
  text-align:right;
  font-size:90%;
  padding-right:5px;
}
.topLinks a {
  text-decoration:none;
}

.topItem div.numbers {
    clear:both;
    margin:0.5em 0;
}

ul.numbers, ul.numbers li  {
  margin:0;
  padding:0;
  list-style-type: none;
}

ul.numbers {
    margin:0 10px 5px 0;
    width:135px;
    height:23px;
    background:transparent url(../Images/nbcontrib.png) top left no-repeat;
}

ul.numbers li {
    float:left;
}

ul.numbers a, a.votes {
    display:block;
    width:45px;
    height:23px;
    text-align:left;
    text-indent:29px;
    text-decoration:underline;
    line-height:23px;
    color:#fe7a28;
    font-weight:bold;
    overflow:hidden;
}

a.votes {
    float:right;
    margin:0 10px 5px 0;
    width:47px;
    text-indent:15px;
    text-align:center;
    background:transparent url(../Images/vote.png) top left no-repeat;
}

a.texteAvis {
    float:left;
    margin:0 10px 5px 25px;
    height:23px;
    text-indent:29px;
    text-align:center;
    line-height:23px;
    color:#fe7a28;
    font-weight:bold;
    overflow:hidden;
}

div.topText {
    border-radiusx:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border:2px solid #a6e558;
}
div.topText, table.topText td {
    background:#EFEFEF;
    padding:0.2em 0.3em;
    margin:0.5em;
    font-weight:normal;
    text-align:center;
}

div.topText, table.topText {
    text-decoration:none;
    color:#666666;
}

table.topText a {
    text-decoration:none;
    color:#aaaaaa;
}

table.topText em{
  font-weight: normal;
  color:#666666;
  font-size:90%;
}

table.topText {
  font-size:96%;
}


/* ---------------------------------------*/
/* usertools section */

.userTools {
    border-top:1px dotted #FE7A28;
    border-bottom:1px dotted #FE7A28;
    padding:2px 0;
}

.userTools a {
    float:left;
    display:block;
    /*width:33%;*/
    line-height:23px;
    text-indent:26px;
    text-align:left;
    color:#FE7A28;
    font-weight:normal;
    text-decoration:underline;
    margin:2px 0;
}

#toolsDown {
    margin:1em 0 0 0;
}

#toolsUp {
    margin:0 0 1em 0;
}

#toolsUp a.contrib, #toolsUp a.mail, #toolsUp a.votes, #toolsUp a.linkPlus ,
#toolsDown a.contrib, #toolsDown a.mail, #toolsDown a.votes, #toolsDown a.linkPlus{
  margin-left:10px;
}

#partager {
  background:transparent url(../Images/usertools.png) top left no-repeat;
  background-position:0px -92px;
  height:23px;
  width:auto;
  float:left;
  line-height:23px;
  text-decoration:underline;
  text-align:left;
  text-indent:14px;
}

.userTools a.print {
    background:transparent url(../Images/usertools.png) top left no-repeat;
    background-position:0px -46px;
    width:auto;
}

.userTools a.votes {
  background:transparent url(../Images/usertools.png) top left no-repeat;
  background-position:0px -23px;
  float:left;
  width:auto;
  margin-right:10px;
}

.userTools a.contrib, .listItem a.contrib, td.contrib a.contrib  {
  background:transparent url(../Images/usertools.png) top left no-repeat;
  float:left;
  width:auto;
  margin-right:10px;
  font-weight:bold;
}

.userTools a.mail {
  background:transparent url(../Images/usertools.png) top left no-repeat;
  background-position:0px -69px;
  float:left;
  width:auto;
  margin-right:10px;
}

.userTools div.listBook {
  float:right;
  margin-right:7px;
}

.userTools a.digg,
.userTools a.google,
.userTools a.blogmarks,
.userTools a.live,
.userTools a.myspace,
.userTools a.facebook,
.userTools a.delicious,
.userTools a.wikio,
.userTools a.twitter {
  height:18px;
  width:20px;
  margin-top:5px;
  margin-left:3px;
  float:left;
  background:transparent url(../Images/bookmarks.png) top left no-repeat;
  line-height:18px;
}

.userTools a.digg {
  background-position:0px 0px;
}

.userTools a.google {
  background-position:0px -36px;
}

.userTools a.myspace {
  background-position:0px -90px;
}

.userTools a.facebook {
  background-position:0px -54px;
}

.userTools a.delicious {
  background-position:0px -18px;
}

.userTools a.blogmarks {
  background-position:0px -108px;
}

.userTools a.live {
  background-position:0px -144px;
}

.userTools a.wikio {
  background-position:0px -72px;
}

.userTools a.twitter {
  background-position:0px -126px;
}

/* ---------------------------- */


/* ==========================
 *        Miscellaneous
 * ========================== */
/* easy clearing */
.clear:after
    {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clear { display: inline-block; }
/*\*/
* html .clear { height:1%;}
.clear { display: block; }
/* end easy clearing */

.errorHttp { margin-top:100px;}

/* ==========================
 *   HotNews & LastNews
 * ========================== */

.News{
    margin-bottom: 20px;
    margin-right: 0px;
    background-position: bottom;
    background-repeat: repeat-x;
    background-image: url("../Images/gradient-gris-vertical.png");
    padding: 5px 10px 10px 5px;
}

#HotNews h2 a{
    color: #5c5c5c;
    font-size: 120%;
    font-weight: bold;

}

#HotNews a{
  color: #5c5c5c;
  text-decoration: underline;
}

#LastNews h2{
    background-image: url("../Images/grossesdoubleflechesgrises.gif");
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 40px;
    font-weight: bold;
    font-size: 200%;
    color: #c5c5c5;
}

.ContentLastNews{
  padding-bottom: 10px;
}

#LastNews h2 .important{
    color: #5c5c5c;
}

#lastNews_l{
    position: relative;
    float: left;
    width: 210px;
}

#lastNews_r{
    position: relative;
    float: right;
    width: 219px;
}

#lastNews_r, #lastNews_l, #lastNews_r a, #lastNews_l a{
    color: #5c5c5c;
}

#lastNews_r a, #lastNews_l a{
    font-weight: bold;
}

.more{
    background-repeat: no-repeat;
    background-position: top;
    height: 17px;
    position: relative;
    float: right;
}
.more a{
    display: block;
    width: 100%; height: 100%;
    text-decoration: none;
}

#HotNews_ReadMore{
    width: 103px;
    background-image: url("../Images/article_2states.gif");
}
#HotNews_ReadMore a:hover{
    background-image: url("../Images/article_2states.gif");
    background-position: bottom;
}

#Blog_ReadMore{
    width: 85px;
    background-image: url("../Images/blog_2states.gif");
}
#Blog_ReadMore a:hover{
    background-image: url("../Images/blog_2states.gif");
    background-position: bottom;
}


.date {
  border-left:1px solid silver;
  color: silver;
  float: right;
  line-height: 2.3em;
  margin-top: 1.5em;
  margin-right: 0pt;
  margin-bottom: 5px;
  margin-left: 10px;
  padding-left: 5px;
  font-size: 0.6em;
  text-align: center;
  position: relative;
  right: 0pt;
}

.date_day {
/*  display:block;*/
  font-size:2em;
  text-align:right;
}

.date_month {
/*  display:block;*/
  font-size:2em;
  text-align:right;
  font-weight:bold;
}

.date_year {
/*  display:block;*/
  font-size:1.6em;
  text-align: right;
/*  line-height:.9em;*/
}

p.textNews{
  font-size:100%;
}
.imgHotNews {
  float: right;
  margin: 1.8em;
}

/* ==========================
 *   TopContrib & TopVideos
 * ========================== */

#topContribVideos{
  margin-bottom: 20px;
}

#topVideos{
    width: 220px;
    margin-bottom: 10px;
    display: block;
    margin: 0px;
    right: 0px;
}

a.videoTitle {
    font-weight: normal;
    color: #ff7112;
    line-height:1.2em;
}

.video {
  margin: 0px;
  padding: 2px 0 0 0;
}

.video img{
    padding: 3px;
    border:1px solid #aaaaaa;
    margin: 0 15px 10px 0;
    float: left;
}

#topVideos .video {
    height: 65px;
    padding-bottom: 2em;
}
#topVideos .video img {
    margin: 2px 5px 0 0;
    width: 80px;
    height: 60px;
}

#topVideoFirst {
    margin-bottom: 10px;
}


#topVideoFirst a.videoTitle{
  font-weight: bold;
  font-size: 100%;
}

#topVideoFirst img {
    margin: 5px 0;
    padding: 3px;
    border:1px solid #aaaaaa;
}

#topContrib{
    position: relative;
    float: right;
    width: 239px;
    margin: 0px;
}

.topItem a{
  color: #5c5c5c;
  text-decoration: underline;
}

ul.numbers a, a.votes {
  color: #fe7a28;
}

.cssbox_head_2col_contrib h2, .cssbox_head_2col_videos h2 {
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    padding: 8px 0px 6px 32px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
}

.cssbox_body_2col {
  background-position: bottom left;
  margin-right: 3px; /* interior-padding right */
  padding: 0px 0 0px 0px; /* mirror .cssbox_head right/left */
}

.mainbox_head_2col_videos, .mainbox_head_2col_videos h2 {
    background-image:url(../Images/btopvideo.png);
}

.mainbox_head_2col_contrib, .mainbox_head_2col_contrib h2 {
    background-image:url(../Images/btopcontrib.png);
}

.cssbox_footer_2col_videos {
    background-image:url(../Images/btopvideo.png);
    background-repeat: no-repeat;
    height: 20px;
    background-position: bottom;
    width: 220px;
    padding: 0px;
    text-align:right;
}

.cssbox_footer_2col_videos a, .cssbox_footer_2col_contrib a{
  padding-right: 10px;
  padding-left: 10px;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    font-size: 90%;
}

.cssbox_footer_2col_contrib {
    background-image:url(../Images/btopcontrib.png);
    background-repeat: no-repeat;
    height: 20px;
    background-position: bottom;
    width: 239px;
    padding: 0px;
    text-align:right;
}

.cssbox_interior_2col{
  margin-right:-2px;
  border-right:1px solid #a7a7a7;
  padding:5px 5px 10px 5px;
  height: 650px;
}

#main.cssbox_2col h2, .mainbox_2col h2 {
  color:#ffffff;
  padding-top:6px;
}

/* ==========================
 *   index TopButton
 * ========================== */

#Top{
    margin: 10px auto 40px auto;
}

#Top ul, #Top li {
  margin:0;
  padding:0;
  list-style-type: none;
  display: block;
}

#Top li{
    background: transparent url("../Images/boutontop_2states.png") no-repeat top;
    width: 200px;
    height: 50px;
    float: left;
    padding: 0px;
    margin:0px 5px 0px 22px;
    font-size: 100%;
}

#Top li:hover {
    background-position:bottom;
}

#Top li a {
  display:block;
  text-align:center;
  overflow:hidden;
  color:#ffffff;
  text-decoration: none;
}

#Top li a:first-line{
    font-weight: bold;
}

#ButtonTopEtab, #ButtonTopFormations, #ButtonTopContrib{
    height: 36px;
    margin-top: 9px;
    line-height: 130%;
}

/* ==========================
 *   bons plans
 * ========================== */
.bonsplansList{
  position:relative;
  padding:5px ;
}

.bonplan .visuel {
  width:150px;
  margin-right:20px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
  font-style:italic;
  color: #00CC00;
}

.bonplan .texte {
  width:260px;
  float:right;
}

.bonplan .secret {
  display:block;
  clear:both;
}


/* ==========================
 *   comments
 * ========================== */
div.comments-content {
  padding:1em 0.3em 0 0.3em;
}
div.comments-info {
  font-size:80%;
  text-align:right;
}

/* =========================
 *   search
 * ========================= */
#main .cssbox_body #menuTabs ul li a span h3 {
  background: none;
  height:23px;
  margin: 0;
  margin-bottom: 0px;
  padding: 10px 0px 0px 0px;
  border-bottom: none;
  color: #FE7A28;
}
#main .cssbox_body #menuTabs ul li.ui-tabs-selected a span h3 {
 color: #505050;
}
/*@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
 display: none;
 }
/*}*/

/* Hide useless elements in print layouts... */
/*@media print {*/
/* .ui-tabs-nav {*/
/* display: none;*/
/* }*/
/*}*/

.ui-tabs-nav {
 list-style: none;
 margin: 0;
 padding: 0 0 0 4px;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
 display: block;
 clear: both;
 content: " ";
}

.ui-tabs-nav li {
 float: left;
 margin:0 4px;
 min-width: 84px; /* be nice to Opera */
}

.ui-tabs-nav a, .ui-tabs-nav a span {
  background:transparent url(../Images/tab.png) no-repeat scroll 0 0;
  display:block;
  padding:0 10px;
}
.ui-tabs-nav a {
 margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
 padding-left: 0;
 color: #59B305;
 font-weight: bold;
 /*font-size: 110%;*/
 line-height: 1.2;
 text-align: center;
 text-decoration: none;
 white-space: nowrap; /* required in IE 6 */
 outline: 0; /* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs-selected a {
 position: relative;
 top: 1px;
 z-index: 2;
 margin-top: 0;
 color: #505050;
}

.ui-tabs-nav a span {
  height:18px; /* IE 6 treats height as min-height */
  min-height:18px;
  min-width:64px;
  padding-right:0;
  padding-top:6px;
  width:64px; /* IE 6 treats width as min-width */
}
/* hide from IE 6 */
*>.ui-tabs-nav a span {
 width: auto;
 height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
 border-bottom:1px solid #FFFFFF;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
 background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
 background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
 background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
 background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
 cursor: default;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
 cursor: pointer;
}
.ui-tabs-disabled {
 opacity: .4;
}
.ui-tabs-panel {
 border-top: 1px solid #FE7A28;
 padding: 1em 8px;
 background: #FFFFFF; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
 padding: 0 0 0 20px;
 background: url(loading.gif) no-repeat 0 50%;
}

/*/* Additional IE specific bug fixes... */
/*/* auto clear, @ IE 6 & IE 7 Quirks Mode */
* html .ui-tabs-nav {
 display: inline-block;
}

/*/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
:first-child+html .ui-tabs-nav {
 display: inline-block;
}

.searchTerms {
  color: #444;
  font-weight: bold;
}
div.listItem, div.listItemE, div.listItemF {
  padding:0.6em 0.3em;
  border-color:#000000;
  border-width:10px;
}
.listItem a.contrib, .listItemE a.contrib, .listItemF a.contrib {
  color:#FE7A28;
  font-weight:bold;
  text-decoration:underline;
}
p.numbers {
  font-size:90%;
  margin-top:5px;
  display:block;
}
div.numbersTotal {
  float:right;
  font-size:90%;
  font-weight: bold;
  margin: 0.7em 1em 0 0;
  display: block;
}
div.search {
  float: left;
  margin-top: 5px;
}
div.textSearch{
  margin-top: 5px;
  font-weight: bold;
  float: left;
  width: 40%;
}
p.message {
  font-size:110%;
  font-weight:bold;
  margin-top: 12px;
}
div.headSearch{
  float:  left;
  display: block;
  margin:0.2em 0 1em;
  width:100%;
}
#main p.messageSearch {
  margin:2em 0 0.5em;
  float: left;
}
table.list, table.listE, table.listF {
  width:100%;
  border-collapse:collapse;
}
td.text {
  padding: 1em 5px;
}
td.numbers {
  width:33px;
}
table.list a, table.listE a, table.listF a  {
  display:block;
}
table.list a.text, table.listE a.text, table.listF a.text  {
  margin:0 0 0 8px;
}
table.list a.textTitle, table.listE a.textTitle, table.listF a.textTitle  {
  font-size: 100%;
}
a.numbers {
  background:transparent url(../Images/nb.png) center center no-repeat;
  width:33px;
  height:15px;
  line-height:15px;
  text-align:center;
  color:#fe7a28;
  font-weight:bold;
  text-decoration:none;
}
.listItem a.contrib, .listItemE a.contrib, .listItemF a.contrib {
  float:right;
  text-indent:26px;
  text-align:left;
  color:#FE7A28;
  font-weight:bold;
  text-decoration:underline;
}
#main p.listEtab {
  background:transparent none repeat scroll 0 0;
  color:#666666;
  font-size:90%;
  font-style:normal;
  font-weight:normal;
  margin:0.2em 0 0 1em;
  padding:2px 0;
}
td.contrib a.contrib {
  margin-left:3px;
  text-indent:-1000em;
  overflow:hidden;
  width:25px;
  line-height:23px;
}