body {
   margin: 0px 0px 0px 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   background: #FFFFFF url(../images/fond.png) repeat-x;
   background-color:#ffffff ;
}
td,tr,div {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   background: transparent;
}

ul#menu_h { 

margin : 0;

padding : 0;

list-style-type : none;

} 

ul#menu_h li { 

margin : 0 0 0 0;

} 

ul#menu_h li a { 

display : block;

width : 120px;

line-height : 30px;

color : #363636;

text-indent : 0;

text-decoration : none;

background : #C6C6C6 url(../images/menu_h.gif) no-repeat 0 0;

border : 0 solid #b2b2b2;

} 

ul#menu_h li a:hover { 

background : url(../images/menu_h.gif) no-repeat 0 -30px;

border : 1px solid #b2b2b2;

} 

ul#menu_m { 

margin : 0;

padding : 0;

list-style-type : none;

} 

ul#menu_m li { 

margin : 0 0 0 0;

padding : 0;

vertical-align : top;

} 

ul#menu_m li a { 

display : block;

width : 120px;

line-height : 30px;

color : #363636;

text-indent : 0;

text-decoration : none;

background : url(../images/menu_m.gif) no-repeat 0 0;

border : 0 solid white;

} 

ul#menu_m li a:hover { 

background : url(../images/menu_m.gif) no-repeat 0 -30px;

border : 1px solid #b2b2b2;

} 

ul#menu_b { 

margin : 0;

padding : 0;

list-style-type : none;

} 

ul#menu_b li { 

margin : 0 0 0 0;

padding : 0;

} 

ul#menu_b li a { 

display : block;

width : 120px;

line-height : 30px;

color : #363636;

text-indent : 0;

text-decoration : none;

background : url(../images/menu_b.gif) no-repeat 0 0;

border : 0 solid white;

} 

ul#menu_b li a:hover { 

background : url(../images/menu_b.gif) no-repeat 0 -30px;

border : 1px solid #b2b2b2;

}

.avatar_cadre { 
position : relative;
margin : -5px 10px 10px 6px;
background : url(../images/avatar_fond.png) no-repeat;
height : 90px;
width : 90px;
padding : 4px;
} 

a, a:link {
   color: #333333;
   font-size: 12px;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   cursor: pointer;
}
a:visited {
   color: #666666;
   font-size: 12px;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
}
a:hover {
   color: #000000;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-weight: normal;
   cursor:  pointer;
}
a:active {
   background-color: transparent;
   color: #B07A64;
   font-size: 12px;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2a. LIENS - pour les menu dans les blocs.
---------------------------------------------------------------------- */
a.mainlevel:link, a.mainlevel:visited {
   background: transparent url(../images/arrow.png) left no-repeat;
   width: 100%;
   color: #A9705A;
   padding-left: 15px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
}
a.mainlevel:hover {
   background: transparent url(../images/arrow1.png) left no-repeat;
   width: 100%;
   color: #A9705A;
   padding-left: 15px;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-weight: normal;
}
/* ----------------------------------------------------------------------
   2b. LIENS - pour les menu horizontaux.
---------------------------------------------------------------------- */
a.menulink:link, a.menulink:visited {
   color: #A9705A;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
}
a.menulink:hover {
   color: #ff6502;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-weight: normal;
}
/* ----------------------------------------------------------------------
   2c. 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: #000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}
a.noir:hover {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2d. LIENS - de style rouge. ( qui passent Orange )
   => en général les actions de type: annulation, suppression,
---------------------------------------------------------------------- */
.rouge, a.rouge, a.rouge:active, a.rouge:visited {
   color: #990000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}

a.rouge:hover {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2e. LIENS - de style box
---------------------------------------------------------------------- */
a.box, a.box:active, a.box:visited {
   background-color: transparent;
   color: #000;
   font-size: 12px;
	font-weight: normal;
   text-decoration: none;
}
a.box:hover {
   color: #5c5c5c;
   text-decoration: none;
   font-size: 12px;
	font-weight: normal;
}
.BOX BR {
   margin: -5px 0px 0px 10px;
}
.BOX UL {
   padding: 8px;
   margin: -5px 0px 0px 10px;
   list-style-type: disc;
}
/* ----------------------------------------------------------------------
   2f. LIENS - de style heada
   => administration, téléchargement, annuaire notamment
---------------------------------------------------------------------- */
a.heada, a.heada:visited, a.heada:active {
   color: #333333;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2g. LIENS - de style ongl
   => fortement utilisé par le CMS
---------------------------------------------------------------------- */
a.ongl {
   border-bottom: #C3C2CB 1px solid;
   color: #45445B;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}
a.ongl:visited {
   background-color: #dddddd;
   color: #45445B;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
	font-weight: normal;
   text-decoration: none;
}
a.ongl:active {
   background-color: #dddddd;
   color: #45445B;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
	font-weight: normal;
   text-decoration: none;
}
a.ongl:hover {
   background-color: #3c6ea0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #FAFAFA;
   text-decoration: none;
}

MARQUEE {
background-color : #FFFFF0;
align: middle;
scrollamount: 6;
scrolldelay: 90;
behavior: scroll; 
width: 100%;
height: 14px; 
font-family: Arial, Helvetica, sans-serif;
color: #9D39CF; 
font-size:12px;
border-width:1px;
border-color: #9100D0;
border-style: dotted dotted dotted dotted;
 border: 1px;
}
/* ----------------------------------------------------------------------
   3. LES STYLES SUR DES BALISES DE BASES
---------------------------------------------------------------------- */
p {
   background-color: transparent;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   text-decoration: none;
   font-size: 12px;
   margin-top: 0px;
   margin-bottom: 0px;
   line-height: 1.4em;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}
li {
   margin: 1px;
   padding-left: 2px;
}
/* ----------------------------------------------------------------------
   4. LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.aide { /* articles, commentaires notamment */
   background-color: transparent;
   border-bottom: #C0C0C0 1px solid;
   border-left: #C0C0C0 1px solid;
   border-right: #C0C0C0 1px solid;
   border-top: #C0C0C0 1px solid;
   margin: 0px 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
}
.box { /* fortement utilisé avec les tableaux de type HEADER */
   background-color: transparent;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-left: 5px;
   margin-right: 5px;
   font-weight: normal;
}
.boxb { /* Bloc sondage uniquement */
   color: #000099;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-left: 5px;
   margin-right: 5px;
}
.boxc { /* administration, articles, commentaires notamment */
   background-color: transparent;
   color: #DDCBED;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
}
.boxmenu { /* Chat */
   color: #DCCEF0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   margin-left: 5px;
   margin-right: 5px;
}
/* ----------------------------------------------------------------------
   5a. LES STYLES SUR LES TABLEAUX
   => Utilisés par la fonction tablos(), permet d’alterner les couleurs des lignes de tableau
---------------------------------------------------------------------- */
.ligna {
   background-color: #FFF6BF;
   color: #45445B;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
.lignb {
   background-color: #E9DFFF;
   color: #45445B;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
/************************************************************************
Règle horizontale servant de séparation
*************************************************************************/
hr {
	color: #9ab0c5;
	background: #9ab0c5;
	border: 0;
	height: 1px;
}
/* Aspect du Texte de votre Site lorsqu'il n'est pas redéfini ailleurs, visible dans la Partie Admin par exemple */
/* ----------------------------------------------------------------------
   5b. LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.ongl { /* Fortement utilisé pour les <TD> */
   border-bottom: #C3C2CB 1px solid;
   color: #45445B;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}
.opentable_theme {
   border-bottom: solid 1px #ffdf66;
/*    border-right: dotted 1px #773826; */
   padding: 3px 3px 3px 3px;
   background: #f7f7f7;
}
.opentable_theme2 {
   background-color: #FAFAFA;
   border: dashed 1px #5c6e94;
   padding: 3px 3px 3px 3px;
}
/* ----------------------------------------------------------------------
   5c. LES STYLES SUR LES TABLEAUX
   => Très fortement utilisé pour la grande majorité des entêtes de tableaux
---------------------------------------------------------------------- */
.header {
   background-color: #D4B9F0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #72223E;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   6. LIGNE DE SEPARATION (MENU ADMINISTRATION, MENU MEMBRE …)
---------------------------------------------------------------------- */
.separ {
   background-image: url(../style/ligne.gif);
   background-position: right 50%;
   background-repeat: repeat-x;
   color: #000000;
   font-family: Tahoma, Verdana, 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;
}
.line_h_g {
   background: transparent url(../images/ligne_h_g.gif) left no-repeat;
}
.line_h_d {
   margin-right: 5px;
   background: transparent url(../images/ligne_h_d.gif) right no-repeat;
}
/* ----------------------------------------------------------------------
   7. LES STYLES SUR LES CHAMPS DE FORMULAIRES
---------------------------------------------------------------------- */
.inputa { /* champ de saisie, LNL, moteur de recherche notamment */
   background-color: #FDFDFD;
   border: #864732 1px solid;
   color: #682B1A;
   font-size: 9px;
   height: 15px;
   vertical-align: middle;
   width: 80px;
}
.textbox { /* Champs de formulaire */
   width: 95%;
   background-color: #FDFDFD;
   font-family: Arial, Helvetica, sans-serif;
   color: #682B1A;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   border-top: #B07A64 2px groove;
   border-left: #B07A64 2px groove;
   border-bottom: #682B1A 1px inset;
   border-right: #682B1A 1px inset;
}
.textbox_standard { /* Champs de formulaire */
   font-family: Arial, Helvetica, sans-serif;
   background-color: #FDFDFD;
   border: #000 1px solid;
   color: #864732;
   font-size: 12px;
}
.bouton_standard { /* Champs de formulaire */
   margin-top: 3px;
   font-family: Arial, Helvetica, sans-serif;
   cursor: pointer;
   background-color: #FDFDFD;
   color: #682B1A;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   border: #000 2px solid;
}
.titboxc { /* administration, commentaires, téléchargement notamment */
   background-color: transparent;
   color: #9e5a42;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
}
.titboxcont { /* bloc administrateur, bloc message à un membre notamment */
   color: #000;
   font-weight: normal;
}
.titre { /* Administration */
   background-color: transparent;
   color: #C5BF3B;
   font-size: 12px;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
}
.titrea { /* sondages, commentaires, critiques, sections notamment */
   background-color: transparent;
   color: #682B1A;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   font-weight: normal;
   letter-spacing  : 1px;
   text-indent     : 1px;
   padding         : 2px;
}
.titreb { /* sondages */
   background-color: transparent;
   color: #91533D;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
}
.titrec { /* bloc de Chat */
   background-color: transparent;
   color: #D5B199;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-decoration: none;
}
.titre1 {
   width:565px;
   height:20px;
   background: #3c6ea0 url("../images/fond_titre.gif") repeat;
   text-align:left;
}
.titre1 h2 {
   font-weight: normal; color: #000066;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12pt;
   text-decoration: none;
   padding-top:2px;
   padding-bottom:0px;
   padding-left:22px;
   margin:0;
   background: transparent;
}
/* ----------------------------------------------------------------------
   8. LES STYLES SUR LES BLOCS (gauche & droite)
---------------------------------------------------------------------- */
.bloc_l_head {
   padding-top:2px;
}
.bloc-l-fond {
   background: #C6C6C6 url(../images/col-g.gif) repeat-y;
   width: 195px;

}
.bloc-r-fond {
  background-color: #cccccc;
   background-repeat: repeat-y;
   padding-right: 3px;
}
div#bloc_left {
   background-color: #E3DAF1;
   padding-top: 3px;
   padding-left: 5px;
}
div#bloc_right {
   background-color: transparent;
   padding-right: 0px;
   padding-left: 0px;
   border-right: 0px inset #999999;
}
.bloc_l_titre {
   width: 100%;
   height: 28px;
   background:  url(../images/bloc_title.png) no-repeat top left ;
   font-family: Arial, Helvetica, sans-serif;
   color: #682B1A;
   font-size: 14px;
   font-weight: normal;
}
.bloc_r_titre {
   width: 100%;
   height: 21px;
   background-color: #666666;
   font-family: Arial, Helvetica, sans-serif;
   color: #ffffff;
   font-size: 11px;
   font-weight: normal;
   border-bottom: 1px #000000 inset;
}
.bloc_l_corps {
   background:  url(../images/bloc2_title.png) repeat-y top left ;
   padding: 3px;
}
 .bloc_l_corpsbas {
    width: 100%;
   height: 21px;
   background:  url(../images/bloc3_title.png) no-repeat top left ;
}
.bloc_r_corps {
   background:  url(../images/blocD_title.png) repeat-y top left ;
   padding: 3px;
}
/* ----------------------------------------------------------------------
   10. STATS - Jireck' work
---------------------------------------------------------------------- */
.graph { 
        position: relative; /* IE is dumb */ 
        width: 200px; 
        border: 1px solid #FFD700; 
		  background: #FFFCDB;
        padding: 2px; 
    } 
.graph .bar { 
        display: block; 
        position: relative;
        background: #FFD700; 
        text-align: center; 
        color: #7F0080; 
        height: 1em; 
        line-height: 1em; 
    } 
.graph .bar span { position: absolute; left: 1em; }

/* ----------------------------------------------------------------------
   10. THEME
---------------------------------------------------------------------- */
.top_header {
   background: transparent url(http://www.passioncourseapied.fr/themes/02npds/images/2fond_header.jpg) repeat-x ;
   border-right: 1px solid #999999;
   border-left: 1px solid #999999;
   border-bottom:0px
}
.bas_gheader{
  background: url(http://www.passioncourseapied.fr/themes/02npds/images/haut-col-g.png) no-repeat;
}
.bottom_footer {
   background: transparent url(http://www.passioncourseapied.fr/themes/02npds/images/fond_footer.jpg) no-repeat top center ;
   padding-top: 5px;
}
.border_left {
   border-left: 1px solid #999999;
   background-color: transparent;
   background-image: url(http://www.passioncourseapied.fr/themes/02npds/images/v_bloc_r.gif);
   background-position: top left;
   background-repeat: repeat-y;
}
.border_right {
   border-right: 1px solid #999999;
   background-color: transparent;
/*    background-image: url(../images/0v_bloc_l0.gif); */
   background-position: top right;
   background-repeat: repeat-y;
}
#editorial {
   margin-bottom: 30px;
   background-image: url('../images/opentable.jpg');
}
#editorial_logo{
   background-image: url('../images/editorial.gif');
   height: 24px;
   margin: 5px 0px 0px 0px;
   width: 112px;
}
.navigation_top
{
   height: 23px;
   background-color: transparent;
   background-image: url(../images/bar_menu_bottom.gif);
   background-position: bottom;
   background-repeat: repeat-x;
}
.navigation_bottom
{
   height: 23px;
   background-color: transparent;
   background-image: url(../images/bar_menu_top.gif);
   background-position: bottom;
   background-repeat: repeat-x;
}
div#box_article, div#box_poll {
   background-color: #f7f7f7;
   width: 150px;
   float: right;
   margin-bottom: 5px;
   text-align: left;
   display: block;
   margin-right: 3px;
}
div#box_poll {
   float: left;
}
div#box_article h3, div#box_poll h3 {
   color: #404040;
   font-weight: normal;
   text-align: center;
   font-size: 12px;
   margin: 0px;
   height: 23px;
   line-height: 25px;
}
div#box_article ul, div#box_poll ul {
   margin: 0; padding: 0;
}
div#box_article .bottom, div#box_poll .bottom {
   width: 150px;
   height: 11px;
}
div#box_article ul li, div#box_poll ul li {
   padding-left: 20px;
   list-style-type: none;
}
div#box_article .bloc_content1, div#box_poll .bloc_content1 {
   padding-left: 4px;
   padding-right: 4px;
}
div#box_article .bloc_content1 p, div#box_poll .bloc_content1 p {
   margin-top: 5px;
}
div#box_article .bloc_content1 br {
   margin: -5px 0px 0px 0px;
} 
div#box_article .bloc_content1 .noir {
   margin-left: 4px;
   padding-bottom: 2px;
   font-size: 12px;
   list-style: disc;
   display: list-item;
}
div#box_article .bloc_content2, div#box_poll .bloc_content2 {
   height: 5px;
   background: #A9705A;
}
div#box_article .boxc, div#box_poll .boxc {
   background: #ECE3D7;
   color: #A9705A;
   font-size: 12px;
   margin: 0px 0px;
}
div.bloc_title1{
   background: url('../images/bloc_title.jpg') center bottom no-repeat;
   text-align: center;
}

/* Aricles Index */
div.article_index h2 {
        font-family: Arial, Helvetica, sans-serif;
        color: #0066cc;
        font-size: 16px;
        font-weight: normal;
        height: 32px;

}
div.article_index_contenu {
        font-size: 12px;
        padding: 3px;
}

div.article_sujet {
        font-size: 12px;
        float: right;
        padding-top: 1px;
        padding-right: 1px;
        padding-bottom: 3px;
        padding-left: 3px;
}
div.article_index_infos {
        border-bottom: #000000 1px solid;
        padding-bottom: 5px;
        text-align: right;
}
.titrearticle {
        background: #FFFFD7;
}
/************************************************************************
Liens Tooltip ==> Info Bulles
Initialement prévu pour Download
fonctionnel ou vous le souhaitez
*************************************************************************/
/*a.tooltip {
    /*color: gray;*/
    /*border-bottom: 1px dotted #F2CF00;
}
a.tooltip img {
    position:absolute;
    margin: 2px 0 0 -10px
}
a.tooltip em img  {
    position:relative;
    margin: 0px
}
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: absolute;
    z-index: 500;
    text-decoration:none;

}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 25px;
    left: -70px;
    padding: 5px;
    color: #000;
    border: 1px solid #FFD700;
    background: #C6FFE9;
    width: 190px;
}*/ 
.outlaw{

	background-color: #fef7e0;

	font-size: 16px;

	font-weight : bolder;

	color: #AA5500;

	text-align: center;

	font-style: normal;

	font: Arial, Helvetica, sans-serif;;

}

a.tooltip {
    /*color: #F2CF00;*/
    border-bottom: 1px dotted #239824;
}

a.tooltip em {
    display:none;
}

a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #FFD700;
    background: #C6FFE9;
    width:270px;
}

a.tooltip:hover em span {

    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    margin:0;
    padding: 0;
    border: 0;
}
   #map_bloc {
   position: relative;
   top: 0;
   left: 0;
   width: 130px;
   height: 100px;
   overflow: hidden;
   border: 1px solid #B7B7B7;
   }

/************************************************************************
CSS Complémentaire pour vos  Formulaires 
*************************************************************************/ 
form {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #682B1A;
   padding-top: 2px; 
   width: 99%; 
} 
form p { 
    line-height:100%; 
} 
fieldset { 
    padding: 15px; 
	background: #F9F8EC;
} 
legend { 
    font-size:1.1em; 
    color: #b80b36; 
    font-weight: normal; 
    padding-bottom:3px; 
} 
label { 
    display: block; 
    float: left; 
    width: 180px; 
    margin-top: 3px; 
    padding-right: 10px; 
    text-align: right; 
} 
input[type=Submit], [type=Reset], [type=Return] { 
  background-color: #ffa800;
  padding:1px 5px 1px 1px;
  border: #ff7800 1px solid;
  color: #ffffff;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
} 
input[type=radio] {
 background:transparent;
 border:none;
}
input[type=Image] {
	border: 0;
}
input, select, radio, checkbox, textarea { 
    border: 1px solid #4B0082;
    color: #000000; 
    background-color: #ffffff; 
    margin-top: 5px; 
    padding: 0; 
} 
form label span { 
    color: red; 
} 
form br { 
    clear:left; 
} 
#menu-wrap {
	background: #2E2E2E;
}

#menu {
	width: 500px;
	height: 35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	margin-right: 6px;
	padding: 5px 20px;
	background: #4C4D51;
	border: 1px #575C5F solid;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
}
#menu a:hover {
	text-decoration: none;
	background: #BE68EE;
	border: 1px solid #5238EF;
}
.Style6 {color: #FFFFFF}
.Style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
}
#menu .first a {
	background: #9370DB;
	border: 1px solid #9932CC;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#navbar ul {
	color: #9400D3;
	list-style-type: none;
	margin: 0;
	padding: .2em 0;
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	vertical-align: top;
}
#navbar ul li {
    display: inline;
}
#navbar a {
	border-right: 0px solid #7B68EE;
	color: #4B0082;
	padding: .2em 1em;
	text-decoration: none;
	font-size: 12px;
}
#navbar a:hover {
    background-color: #6C5684;
    color: #ffffff;
}
.meta-date {color: #333333; text-align:center;  width:170px;}
.member {float:left; padding-top: 5px; color: #000000; text-align:center;  width:170px;}
.slogan {float:left; padding-top: 5px; color: #000000; text-align:center;  width:170px;}
/* mes ajouts pcap*/
.annonces10 { 
background-color : #E7C2EB;
color : #45445b;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
text-decoration : none;
padding-left : 2px;
padding-right : 2px;
border : 1px outset #f5f5f5;
width : auto;
}
.ann110 { 
background-color : #D6F3C3;
color : #1E1F8C;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : lighter;
text-decoration : none;
padding-left : 0px;
padding-right : -120px;
border : 1px outset #f5f5f5;
width : 149px;
}
.quote {/* Citation dans le Forum */
	border: 1px solid #006400;
	background-color: #E1FFE3;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	width: 90%;
}