/* ----------------------------------------------------------------------
   1. BASE MINIMUM
---------------------------------------------------------------------- */
body {
   margin: 0px 0px 0px 0px;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   color: #682B1A;
   background-color: #000000;
}

td,tr,div {
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   color: #91847B;
}
form {
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 10px;
   color: #682B1A;
}
/* ----------------------------------------------------------------------
   2. LIENS - standard
---------------------------------------------------------------------- */
a, a:link {
   color: #682B1A;
   font-size: 11px;
   font-family: Verdana, Helvetica;
   text-decoration: none;
   cursor: pointer;
}
a:visited {
   color: #DBB489;
   font-size: 11px;
   font-family: Verdana, Helvetica;
   text-decoration: none;
}
a:hover {
   color: #B07A64;
   font-size: 11px;
   font-family: Verdana, Helvetica;
   text-decoration: none;
/* font-weight: bold;*/
   cursor:  pointer;
}
a:active {
   background-color: transparent;
   color: #ff6502;
   font-size: 11px;
   font-family: Verdana, Helvetica;
   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: 10px;
   font-family: Verdana, Helvetica;
   text-decoration: none;
}
a.mainlevel:hover {
   background: transparent url(../images/arrow1.png) left no-repeat;
   width: 99%;
   height: 16px;
   color: #682B1A;
   font-size: 10px;
   font-family: Verdana, Helvetica;
   text-decoration: none;
   font-weight: bold;
   padding-left: 15px;
}
/* ----------------------------------------------------------------------
   2b. LIENS - pour les menu horizontaux.
---------------------------------------------------------------------- */
a.menulink:link, a.menulink:visited {
   color: #A9705A;
   font-size: 10px;
   font-family: Verdana, Helvetica;
   text-decoration: none;
}
a.menulink:hover {
   color: #ff6502;
   font-size: 10px;
   font-family: Verdana, Helvetica;
   text-decoration: none;
   font-weight: bold;
}
/* ----------------------------------------------------------------------
   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: #A9705A;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
a.noir:hover {
   color: #682B1A;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2d. LIENS - de style rouge.
   => en général les actions de type: annulation, suppression,
---------------------------------------------------------------------- */
.rouge, a.rouge, a.rouge:active {
   color: #FF0000;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
a.rouge:visited {
}
a.rouge:hover {
   color: #FF0000;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
}
/* ----------------------------------------------------------------------
   2e. LIENS - de style box
---------------------------------------------------------------------- */
a.box, a.box:active, a.box:visited {
   background-color: transparent;
   color: #FFFFFF;
   font-size: 11px;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   text-decoration: none;
   border:0;
}
a.box:hover {
   color: #9e5a42;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   text-decoration: none;
}
.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: #864732;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   2g. LIENS - de style ongl
   => fortement utilisé par le CMS
---------------------------------------------------------------------- */
a.ongl {
   border-bottom: #C3C2CB 1px solid;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
a.ongl:visited {
   background-color: #dddddd;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
a.ongl:active {
   background-color: #dddddd;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
a.ongl:hover {
   background-color: #3c6ea0;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   font-weight: bold;
   color: #FAFAFA;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   3. LES STYLES SUR DES BALISES DE BASES
---------------------------------------------------------------------- */
p {
   background-color: transparent;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-weight: normal;
   text-decoration: none;
   font-size: 11px;
   margin-top: 0px;
   margin-bottom: 0px;
   line-height: 1.4em;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}
li {
   margin: 0px;
   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: #4A5768;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   margin-left: 5px;
   margin-right: 5px;
   font-weight: bold;
}
.boxb { /* Bloc sondage uniquement */
   color: #000099;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 9px;
   margin-left: 5px;
   margin-right: 5px;
}
.boxc { /* administration, articles, commentaires notamment */
   background-color: transparent;
   color: #C5BF3B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 10px;
   margin: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
}
.boxmenu { /* Chat */
   color: #C5BF3B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   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: #fdfed0;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
.lignb {
   background-color: #fdfed0;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   5b. LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.ongl { /* Fortement utilisé pour les <TD> */
   border-bottom: #C3C2CB 1px solid;
   color: #45445B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
.opentable_theme {
}
.opentable_theme2 {
   background-color: #FAFAFA;
   border: dashed 1px #5c6e94;
   padding: 3 3 3 3;
}
/* ----------------------------------------------------------------------
   5c. LES STYLES SUR LES TABLEAUX
   => Très fortement utilisé pour la grande majorité des entêtes de tableaux
---------------------------------------------------------------------- */
.header {
   background-color: #DBB489;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #f1f4fb;
   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-top: #864732 2px solid;
   border-bottom: #D7B39B 2px solid;
   border-left: #864732 2px solid;
   border-right: #D7B39B 2px solid;
   color: #682B1A;
   font-size: 9px;
   height: 15px;
   vertical-align: middle;
   width: 80px;
}
.textbox { /* Champs de formulaire */
   width: 95%;
   background-color: #FDFDFD;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   color: #682B1A;
   font-size: 11px;
   font-weight: bold;
   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: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   background-color: #FDFDFD;
   border-bottom: #D7B39B 1px solid;
   border-left: #D7B39B 1px solid;
   border-right: #D7B39B 1px solid;
   border-top: #D7B39B 1px solid;
   color: #864732;
   font-size: 11px;
}
.bouton_standard { /* Champs de formulaire */
   margin-top: 3px;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   cursor: pointer;
   background-color: #FDFDFD;
   color: #682B1A;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   border-top: #D7B39B 2px solid;
   border-bottom: #864732 2px solid;
   border-left: #D7B39B 2px solid;
   border-right: #864732 2px solid;
}
.titboxc { /* administration, commentaires, téléchargement notamment */
   background-color: transparent;
   color: #9e5a42;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
.titboxcont { /* bloc administrateur, bloc message à un membre notamment */
   background-color: transparent;
   color: #C5BF3B;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
.titre { /* Administration */
   background-color: transparent;
   color: #C5BF3B;
   font-size: 10px;
   FONT-WEIGHT: bold;
   font-family: Georgia, "Times New Roman", serif;
}
.titrea { /* sondages, commentaires, critiques, sections notamment */
   background-color: transparent;
   color: #682B1A;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 15px;
   font-weight: bold;
   letter-spacing  : 1px;
   text-indent     : 1px;
   padding         : 2px;
}
.titreb { /* sondages */
   background-color: transparent;
   color: #91533D;
   font-family: Georgia, "Times New Roman", serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.titrec { /* bloc de Chat */
   background-color: transparent;
   color: #D5B199;
   font-family: Georgia, "Times New Roman", 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: bold; color: #000066;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   text-decoration: none;
   padding-top:2px;
   padding-bottom:0px;
   padding-left:22px;
   margin:0;
}
/* ----------------------------------------------------------------------
   8. LES STYLES SUR LES BLOCS (gauche & droite)
---------------------------------------------------------------------- */
.bloc-r-fond {
   background-image: url(../images/v_bloc_r.gif);
   background-position: top right;
   background-repeat: repeat-y;
   padding-right: 3px;
}
div#bloc_right {
   background-color: transparent;
   padding-top: 2px;
   padding-bottom: 3px;
   padding-right: 2px;
   border-right: 1px inset #999999;
}

.bloc_r_titre {
   width: 100%;
   height: 21px;
   background-color: #ECE3D7;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   color: #682B1A;
   font-size: 11px;
   font-weight: bold;
   border-bottom: 1px #D9B6A0 inset;
}
.bloc_l_corps {
   background-color: #000000;
   padding-bottom: 10px;
}
.bloc_r_corps {
   width: 100%;
   background-color: #F7F3EE;
   padding-left:5px;
}
/* ----------------------------------------------------------------------
   10. STATS - Jireck' work
---------------------------------------------------------------------- */
.graph { 
        position: relative; /* IE is dumb */ 
        width: 200px; 
        border: 1px solid #708090; 
        padding: 2px; 
    } 
.graph .bar { 
        display: block; 
        position: relative; 
        background: #682B1A; 
        text-align: center; 
        color: #FFFFFF; 
        height: 1em; 
        line-height: 1em; 
    } 
.graph .bar span { position: absolute; left: 1em; }
/* ----------------------------------------------------------------------
   10. THEME
---------------------------------------------------------------------- */
.top_header {
   background-color: #000000;
}
.site_head {
}
.bottom_footer {
   background: transparent url(../images/fond_footer.gif) no-repeat top center ;
   padding-top: 5px;
}
.border_left {
}
.border_right {
}
.navigation_top {
   height: 10px;
   background-color: #000000;
   color: #CCCCCC;
}
.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 {
   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: bold;
   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: 11px;
   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: 11px;
   margin: 0px 0px;
}
div.bloc_title1{
   background: url('../images/bloc_title.jpg') center bottom no-repeat;
   text-align: center;
}

/* ----------------------------------------------------------------------
   11. PERSO
---------------------------------------------------------------------- */
.header_gloss {
   background-color: #fdfed0;
   background-image: url(../images/perso/gloss.gif);
   height: 20;
   background-position-y: left;
   background-position-x: top;
   background-repeat: repeat-x;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   color: #fdfed0;
   text-decoration: none;
}


.header_graph {
   background-color: #fdfed0;
   background-image: url(../images/perso/graph.jpg);
   height: 20;
   background-position: top;
   background-repeat: repeat-x;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   color: #fdfed0;
   text-decoration: none;
}

.header_graph1 {
   background-color: #fdfed0;
   background-image: url(../images/perso/graph1.jpg);
   height: 20;
   background-position: top;
   background-repeat: repeat-x;
   color: #682B1A;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   text-decoration: none;
}

.header_ecrit {
   background-image: url(../images/perso/fond_head_rub.jpg);
   height: 20;
   background-position: top;
   background-repeat: repeat-x;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   color: #fdfed0;
   text-decoration: none;
}

.header_ecrit1 {
   background-color: #fdfed0;
   background-image: url(../images/perso/art.gif);
   height: 20;
   background-position: top;
   background-repeat: repeat-x;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}

.header_mem {
   background-color: #f2b01c;
   background-image: url(../images/perso/membre.jpg);
   height: 20;
   background-position: right top;
   background-repeat: no-repeat;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}
.header_tele {
   background-color: #B9D6A0;
   background-image: url(../images/perso/tele.gif);
   height: 20;
   background-position: right top;
   background-repeat: no-repeat;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}
.header_post {
   background-color: #ffff33;
   background-image: url(../images/perso/post.gif);
   height: 20;
   background-position: right top;
   background-repeat: no-repeat;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}

.header_post1 {
   background-color: #ffff99;
   height: 20;
   font-weight:bold;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}


.header_mem1 {
   background-color: #ffff33;
   font-weight:bolder;
   font-size:10px;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}

.header_tele1 {
   background-color: #00cc00;
   font-weight:bolder;
   font-size:10px;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}

.header_lien {
   background-color: #fdfed0;
   background-image: url(../images/perso/lien1.jpg);
   height: 20;
   background-position: top;
   background-repeat: repeat-x;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}

.header_lien1 {
   background-color: #fdfed0;
   background-image: url(../images/perso/lien2.jpg);
   height: 20;
   background-position: bottom;
   background-repeat: repeat-x;
   font-weight:bolder;
   font-size:11px;
   color: #a64803;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}

.header_ecrit2 {
   background-color: #fdfed0;
   background-image: url(../images/perso/ecrit3.gif);
   height: 20;
   background-position: top;
   background-repeat: repeat-x;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: top;
}

.header_ecrit3 {
   background-color: #fdfed0;
   background-image: url(../images/perso/ecrit2.gif);
   height: 45;
   background-position: 8px top;
   background-repeat: no-repeat;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:55;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}

.gastro2 {
   background-image: url(../images/perso/gastro.gif);
   background-position: 620px 200px;
   padding: 0 10 0 10;
   background-repeat: no-repeat;
   height: 442px;
}

.gastro {
   background-image: url(../images/perso/gastro.gif);
   background-position: right bottom;
   padding: 0 10 0 20;
   background-repeat: no-repeat;
   height: 242px;
}

.header_gastro1 {
   background-color: #fdfed0;
   background-image: url(../images/perso/gastro.jpg);
   height: 40;
   background-position: 8px top;
   background-repeat: no-repeat;
   font-weight:bolder;
   font-size:11px;
   color: #A9705A;
   padding-left:55;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: middle;
}

.header_gastro2 {
   background-color: #fdfed0;
   background-image: url(../images/perso/gastro1.jpg);
   height: 20px;
   background-position: left top;
   background-repeat: repeat-x;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: top;
}

.header_gastro3 {
   background-color: #fdfed0;
   background-image: url(../images/perso/gastro2.jpg);
   height: 20px;
   background-position: right top;
   background-repeat: no-repeat;
   font-weight:bolder;
   font-size:11px;
   color: #682B1A;
   padding-left:5;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: top;
}

.header_gastro4 {
   background-image: url(../images/perso/gastro2.gif);
   height: 12px;
   background-position: left;
   background-repeat: no-repeat;
   font-weight:bolder;
   font-size:11px;
   color: #e49b7f;
   padding-left:75;
   padding-right:10;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   vertical-align: sub;
}

.editorial_logo{
   background-color: #fdfed0;
   background-image: url('../images/editorial.gif');
   height: 30px;
   margin: 5 0 0 27px;
   width: 41px;
}

.editorial_logo1{
   background-color: #fdfed0;
   background-image: url('../images/editorial1.gif');
   height: 30px;
   margin: 5 0 0 27px;
   width: 41px;
}

.editorial_logo2{
   background-color: #fdfed0;
   background-image: url('../images/editorial.gif');
   height: 30px;
   margin: 5 0 0 27px;
   width: 41px;
}

#editorial span {
   background-color: #fdfed0;
   display: none;
}
.bloc_l_titre {
   width: 100%;
   height: 21px;
   background-color: #000000;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   color: #e50434;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
}
.bloc_l_head {
}
.bloc-l-fond {
   background-color: #000000;
}
div#bloc_left {
   background-color: #000000;
}
#editorial {
   background-color: #fdfed0;
   padding-left: 15px;
}

.box_graph {
   background-color: fdfed0;
   color: #E50434;
   font-size: 11px;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   text-decoration: none;
   border:0;
}

.box_lien {
   background-color: transparent;
   color: #682B1A;
   font-size: 11px;
   font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
   text-decoration: none;
   border:0;
}

.bouton_standard_post { /* Champs de formulaire */
   background-image: url(../images/perso/post.jpg);
   width: 57;
   height: 30;
   border: 0;
}

.bouton_standard_chercher { /* Champs de formulaire */
   background-image: url(../images/perso/voir.gif);
   width: 25;
   height: 25;
   border: 0;
}

#topicdiv {
	position: fixed;
	left:963px;
	top:250px;
	width:171px;
	height:80px;
	z-index:1;
	visibility: visible;
}

.membre {
	background-image: url(../images/perso/membre.gif);
	background-color: #fdfed0;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.ecrit {
	background-image: url(../images/perso/ecrit.gif);
	background-color: #fdfed0;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.ecrit2 {
	background-image: url(../images/perso/ecrit.gif);
	background-color: #fdfed0;
	background-position: 610px 460px;
	background-repeat: no-repeat;
}

.tele {
	background-image: url(../images/perso/tele2.gif);
	background-color: #fdfed0;
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 200px;
}

.lien {
	background-image: url(../images/perso/lien.gif);
	background-color: #fdfed0;
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 200px;
}
div#phono {
	background-image: url(../images/perso/phono2.jpg);
	width: 300px;
	border: 0;
	float: right;
	overflow: visible;
	position: inherit;
	visibility: visible;
	z-index: 30;
	background-color: #fdfed0;
	padding-right: 20px;
	background-repeat:no-repeat;
	background-position:left;
}
.phono1 {
	background-image: url(../images/perso/phono2.jpg);
	background-color: #fdfed0;
	background-repeat:no-repeat;
	width: 918px;
	height: 267px;
	background-position:right top;
}

@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}