body {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #112E6A;
font-weight: normal;
margin-top:2px;
margin-left: 2px;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;

}

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

a, a:visited, a:link {
background-color: transparent;
color: #112E6A;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

a:hover {
background-color: transparent;
color: #515151;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

a:active {
background-color: transparent;
color: #515151;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}

/* ----------------------------------------------------------------------
   3. LIENS - de style noir.
   => en général les actions « positives » quand se ne sont pas des boutons
---------------------------------------------------------------------- */
a.noir, a.noir:visited, a.noir:active {
        color: #112E6A;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

a.noir:hover {
        color: #515151;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
}
/* ----------------------------------------------------------------------
   4 LIENS - de style rouge.
   => en général les actions de type: annulation, suppression,
---------------------------------------------------------------------- */
a.rouge:hover {
        color: #FF0000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
}
.rouge, a.rouge, a.rouge:visited, a.rouge:active {
        color: #FF0000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}
/* ----------------------------------------------------------------------
   5 LIENS - de style box
---------------------------------------------------------------------- */
a.box, a.box:active, a.box:visited {
        color: #112E6A;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}

a.box:hover {
        color: #515151;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: underline overline;
        font-size: 11px;
}
/* ----------------------------------------------------------------------
   6 LIENS - de style heada
   => administration, téléchargement, annuaire notamment
---------------------------------------------------------------------- */
a.heada, a.heada:visited, a.heada:active {
        color: #515151;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

hr {
        color: #000000;
        margin-left: 0px;
        margin-right: 0px;
}

li {
        margin: 0px;
        padding-left: 2px;
}

p {
        margin: 10px 0px 0px 5px;
}

.aide {
        background-color: #E8E8EC;
        margin: 0px 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
}

.box {
      color: #545454;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
      margin-left: 5px;
      margin-right: 5px;
}

.boxb {
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
      margin-left: 5px;
      margin-right: 5px;
}

.boxc {
        background-color: transparent;
        color: #112E6A;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        margin: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
}

.boxmenu {
        color: #828282;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;
}

.ligna, a.ongl, a.ongl:visited, a.ongl:active {
        background-color: #D7DDE8;
        color: #112E6A;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}

.lignb {
        background-color: #F9F9FA;
        color: #6B6B6B;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}


.ongl {
        border-bottom: #CCCCCC 1px solid;
        color: #707070;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.header, a.ongl:hover {
        background-color: #9EAFCD;
        color: #282828;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.separ {
        background-image: url('../style/ligne.gif');
        background-position: right 50%;
        background-repeat: repeat-x;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 5px;
        height: 5px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 180px;
        padding-top: 0px
}
/* ----------------------------------------------------------------------
   11 LES STYLES SUR LES CHAMPS DE FORMULAIRES
---------------------------------------------------------------------- */
.inputa {
        background-color: #C3C2CB;
        border-bottom: #000040 1px solid;
        border-left: #000040 1px solid;
        border-right: #000040 1px solid;
        border-top: #000040 1px solid;
        color: #000000;
        font-size: 9px;
        height: 15px;
        vertical-align: middle;
        width: 80px;
}
.textbox {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        border-bottom: #000000 1px solid;
        border-left: #000000 1px solid;
        border-right: #000000 1px solid;
        border-top: #000000 1px solid;
        color: #45445B;
        font-size: 11px;
        width: 90%;
}

.textbox .textbox_no_mceEditor { /* Champs Formulaire - Message à  un membre - forum - Notamment */
 background-color: #ffffff;
 border: #ffd572 1px solid;
 color: #45445b;
 width: 100%;
 }
 
.textbox_standard {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        border-bottom: #000000 1px solid;
        border-left: #000000 1px solid;
        border-right: #000000 1px solid;
        border-top: #000000 1px solid;
        color: #45445B;
        font-size: 11px;
}
.bouton_standard {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #9FB4D3;
        color: #404040;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        border-bottom: #000000 1px solid;
        border-left: #000000 1px solid;
        border-right: #000000 1px solid;
        border-top: #000000 1px solid;
}

.titboxc {
        background-color: #7C99C3;
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
}

.titboxcont {
        background-color: transparent;
        color: #0E0E0E;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
}

.titre {
        background-color: #C2D7EB;
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.titrea {
        background-color: transparent;
        color: #102F66;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        text-decoration: none;
}

.titreb {
        background-color: #C2D7EB;
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

.titrec {
        background-color: transparent;
        color: #6B8BB4;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}
.quote {
	
	background-color:#E5ECF6;
	border-bottom: #D7DDE8 1px dashed;
}

.graph {
        position: relative; /* IE is dumb */
        width: 200px;
        border: 1px solid #708090;
        padding: 2px;
    }
.graph .bar {
        display: block;
        position: relative;
        background: #AAC9E7;
        text-align: center;
        color: #333;
        height: 1em;
        line-height: 1em;
    }
.graph .bar span { position: absolute; left: 1em; }


/* Aide en Ligne */
a.aideans, a.aideans:visited, a.aideans:active {
        cursor:help;
        background-color: transparent;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}

/*------------------------------------------------>
      CSS Complémentaire pour vos  Formulaires
              ICI en Version Light
-------------------------------------------------->*/
form {  /* Délimitation de votre Formulaire*/
  margin: 0;
  width: 100%;
}

fieldset { /* Regroupe les différentes zones de votre Formulaire */
  padding: 20px; /* padding in fieldset support spotty in IE */
}

legend { /* Titre pour identifier chaque fieldset */
  font-size:1.1em;
  font-weight: bold;
}

label { /* Titre - Description des différents champs */
  display: block;
  float: left;
  width: 200px;
  margin-top: 5px ; /* set top margin same as form input - textarea etc. elements */
  padding: 0; /* Intervient dans le user : la date */
  text-align: left;
}

input, select, radio, checkbox, textarea { /* Champs de Données */
  border: #707070 1px solid;
  color: #000000;
  background-color: #F3F8FC;
  margin: 5px 0 0 5px ; /* set top margin same as form input - textarea etc. elements */
  padding: 0;
}
input radio { 
   background-color: transparent; 
   border: 0; 
} 
textarea { /* Champs de Données */
  width: 350px;
}

form label span {color: red;} /* Utilisé dans user ! */

form br {clear:left;}

.menu_ul_rss {
padding-left:3px;
line-height:16px;
list-style-type:none;
}
.menu_ul {
padding-left:20px;
}
.menu_ul_ed {
padding-left:20px;
}

#related ul{padding-left:20px;
}
/*==> les blocs*/
/*==> block-scroll */
#cnnpds_tit {
 text-align: left;
}
/* pour les articles ailleur que dans un bloc => aa */
#scroller_container1_aa {
font-family: Tahoma, Verdana, sans-serif;
color:gray;
 width: 120px;
 height: 120px;
 overflow: hidden;
 font-size: 95%;
 text-align: left;
}
/* pour les articles dans un bloc => ab */
#scroller_container1_ab {
 width: 300px;
 height: 300px;
 overflow: hidden;
 font-size: 88%;
}
#scroller_container1_aa img, #scroller_container1_ab img {
/*
 width: 50%;
 height: 50%;
*/
 display:none;
 }

#scroller_container1_tsa {
 width: 130px;
 height: 130px;
 overflow: hidden;
 font-size: 88%;
}
/* pour les liens ailleur que dans un bloc => la */
#scroller_container1_la {
 width: 130px;
 height: 130px;
 overflow: hidden;
 font-size: 88%;
}
/* pour les liens ailleur que dans un bloc => lb */
#scroller_container1_lb {
 width: 130px;
 height: 130px;
 overflow: hidden;
 font-size: 88%;
}
/* pour les downloads ailleur que dans un bloc => da */
#scroller_container1_da {
 width: 130px;
 height: 300px;
 overflow: hidden;
 font-size: 88%;
}
/* pour les downloads dans un bloc => db */
#scroller_container1_db {
 width: 130px;
 height: 300px;
 overflow: hidden;
 font-size: 88%;
}
/* CSS Hack Safari */
#dummy {;# }

#scroller_container1_aa, #scroller_container1_ab, #scroller_container1_la, #scroller_container1_lb, #scroller_container1_da, #scroller_container1_db ,#scroller_container1_tsa {
overflow: auto;
}
/* Scoller Box */
.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 margin: 0;
 padding: 0;
}

.jscroller2_left, .jscroller2_right, .jscroller2_left_endless, .jscroller2_right_endless {
 white-space: nowrap;
}
/*<== block-scroll */

#box_poll{
width:140px;
border: 1px; border-style:dotted; border-color:#999999;
padding-top:0px;
padding-left:3px;
padding-right:3px;
padding-bottom:3px;
}

#box_poll ul{
padding-left:20px;
}
#box_poll .bloc_title1{
background-image: none;

/*
background-repeat:no-repeat;
*/
/*
background-attachment:fixed;
*/
/*
background-position: 100% 100%; 
*/
}

div#box_poll .bloc_cont1{
background-image: url('../images/blockright.jpg');
background-repeat: repeat-y;
padding-left:1px;
}

.bloc_title1 h3{
   color: #112E6A;
   font-weight: bold;
   text-align: center;
   font-size: 110%;
   margin: 0px;
   height: 20px;
   line-height: 20px;
}

/*==>bloc assymŽtrique de droite */
#RB_12 .bloc_title1{
background-image: url('../images/menuleft_l.jpg');
}
#RB_12 .bloc_cont2{
background-image: url('../images/menuleft_dl.jpg');
}
#RB_12 .bloc_cont1{
background-image: url('../images/blockright.jpg');
background-repeat : repeat-y;
padding-left:1px;}

#RB_19 .bloc_title1{
background-image: url('../images/menuleft_l.jpg');
}
#RB_19 .bloc_cont2{
background-image: url('../images/menuleft_dl.jpg');
}
#RB_19 .bloc_cont1{
background-image: url('../images/blockright.jpg');
background-repeat : repeat-y;
padding-left:1px;
}

#RB_18 .bloc_title1{
background-image: url('../images/menuleft_l.jpg');
}
#RB_18 .bloc_cont2{
background-image: url('../images/menuleft_dl.jpg');
}
#RB_18 .bloc_cont1{
background-image: url('../images/blockright.jpg');
background-repeat : repeat-y;
padding-left:1px;
text-align:left;}
/*<==bloc assymŽtrique de droite */

.leftbloc{text-align:left;
}
.rightbloc{text-align:left;
}

.leftbloc ul{
/*
padding-left:20px;
*/
}
.bloc_title1{
background-image: url('../images/menuleft.jpg');
line-height:20px;
color: #ffffff;
font-weight:bold;
font-size:110%;
padding-left:3px;
}

.bloc_cont1{
background-image: url('../images/blockleft.jpg');
background-repeat: repeat-y;
padding-left:3px;
}

.bloc_cont2{
background-image: url('../images/menuleft_d.jpg');
line-height:20px;
}

#dl_bloc{
padding:3px;
}
#dl_bloc .ligna, #dl_bloc .ligna a{
        background-color: transparent;
        color: #6B6B6B;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}
#dl_bloc .lignb, #dl_bloc .lignb a{
        background-color: transparent;
        color: #112E6A;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
}
/*<== les blocs*/

#conteneur{
   width: 1200px;
   border: 1px;
   border-style:solid; border-color:#999999;
   background-color: #f8f8f8;
   border-collapse:collapse;
}
#main_header{
width:100%;
background-image: url('../images/header.jpg');
}
#corps{
width: 100%;
padding: 4px;
background-color: #f8f8f8;
border-right: 1px; border-style:dotted; border-color:#999999;
border-left: 1px; border-style:dotted; border-color:#999999;
border-top: 1px; border-style:dotted; border-color:#999999;
border-bottom: 1px; border-style:dotted; border-color:#999999;
}
#main_foot{
width:100%;
background-image: url('../images/bottom.jpg');
padding: 12px 2px 2px 2px;
border-right: 1px; border-style:dotted; border-color:#999999;
border-left: 1px; border-style:dotted; border-color:#999999;
border-top: 1px; border-style:dotted; border-color:#999999;
border-bottom: 1px; border-style:dotted; border-color:#999999;
}

#box_article{
background-image: url('../images/blockleft.jpg');
width:140px
}
#box_article ul{
padding-left:20px;
}
#header{
background-image: url('../images/newsbardubas.jpg');
}
.corps_arti{
font-weight:bold;
}
.article h2{
background-image: url('../images/newsbardubas.jpg');
line-height:30px;
margin: 0px 0px 0px 0px;
}

.article_index{
padding-bottom:10px;
border-bottom: 1px; border-bottom-style:dotted; border-color:#999999;
}
.article_sujet{
}
.article_index_contenu{
font-weight:bold;
}
.article_index_infos{
background-color: #daddfc;
padding: 3px 3px 3px 3px;
}

/*==>pour l'Ždito*/
#editorial{
border: 1px; border-style:dotted; border-color:#999999;
}

.edito_tit_rouge{
color:#ff0000;
font-size:140%;
font-weight:bold;
}
.edito_tit_bleu{
font-size:140%;
font-weight:bold;
color:#0000ff;
}

#col_edito{
width:140px;
}
#col_edito div{
text-align:center;
}
.col_edito_red{
color:#ff0000;
font-size:88%;
}
.col_edito_tit{
color:#0000ff;
font-size:110%;
font-weight:bold;
text-decoration:underline;
}
.edito_sou_tit,.edito_sou_tit a{
color:#008000;
font-weight:bold;
}
#col_une{
text-align:left;
}
.col_une_tit{
color:#0000ff;
font-size:130%;
font-weight:bold;
text-decoration:underline;
}

.ed_bord_dr{
background-image: url('../images/borddroit.jpg');
width:20px;
}
.ed_centr{
background-image: url('../images/centre.jpg');
color:#ffffff;
font-weight:bold;
font-size:110%
}
.ed_bord_gau{
background-image: url('../images/bordgauche.jpg');
width:30px;
}
/*<==pour l'Ždito*/

/*==>pour le code*/
.code_vel{
color: #6B6B6B;
font-family : monospace;
font-size:110%;
border: 1px; border-style:dotted; border-color:#999999;
}
/*<==pour le code*/