/*
Site internet réalisé par Etienne Deparis pour le compte de Bernard Thiollières.
Tous les contenus présents sur ce site (images et textes) sont donc strictement la propriété exclusive de Bernard Thiollières.
FarWest Loco et le logo FarWest Loco sont des idées originales de Bernard Thiollières et sont donc également sa propriété exclusive.
La reproduction de tout ou partie de ce site est donc formellement interdit.
*/

/* Général */
body {font-family:"bitstream vera sans", Helvetica, sans;
      color:#000;
      margin:0;
      padding:0 10px 0 0;
      background:#e9deb8;
}
img,fieldset {border:0;}
fieldset {text-align:center;}

/* Titre et pied de page */
#titre {text-align:right;
}
#titre>h1 {margin:0;
           padding:0;
}

#pied {font-size:10pt;
       text-align:center;
       clear:both;
       width:600px;
       margin:auto;
       background:#534b3d;
       color:#d1b965;
       padding-bottom:1px;
}

#pied a,#pied a:hover,#pied a:visited {color:#d1b965;
}
#pied a:hover {text-decoration:none;
}

/* Colone du menu */
#col {float:left;
      width:200px;
      background:#534b3d;
      color:#d1b965;
}

#col>h3 {background:#9e9267 url("img/fondmenu.png") no-repeat;
         width:200px;
         text-align:right;
         padding-right:10px;
         color:#534b3d;
         clear:both;
}

#col ul {list-style:none;
         text-align:right;
         margin:0 5px 5px 0;
         padding:0;
}

#col>ul>li>ul>li:after {
    content: "\0020 \00AB";
    font-size:10pt;
   }

#col>ul>li>ul>li>a,#col>ul>li>ul>li>a:hover,#col>ul>li>ul>li>a:visited {
                                    text-decoration:none;
                                    border-bottom:1px dashed #d1b965;
}

#col a,#col a:hover,#col a:visited {color:#d1b965;
}
#col a:hover {text-decoration:none;
}

/* Contenu de la page */
#cont {float:right;
       width:75%;
       padding-right:10px;
       margin-bottom:20px;
}

#cont p {text-align:justify;}

#cont a,#cont a:hover,#cont a:visited {color:#000;
}
#cont a:hover {text-decoration:none;
}

#cont p.rethau {text-align:right;}

.article {border:1px solid #000;
          padding:0 10px;
          margin:5px 0;
}

/* propriétés communes à l'ensemble des 4 coins */
.hg, .hd, .bg, .bd {height:20px;
                    width:18px;
                    background-repeat:no-repeat;
                    font-size:1px;
}
/* propriétés spécifiques à chaque coin */
.hg {
background: url(img/hg.png);
}
.hd {
float: right;
background: url(img/hd.png);
}
.bg {
background: url(img/bg.png);
}
.bd {
float: right;
background: url(img/bd.png);
}

/* Lien wikipédia */
a.wp:link,a.wp:visited {text-decoration:none;
                        border-bottom:1px dashed #666666;
}
a.wp:hover {text-decoration:none;
            border:0;
            cursor:help;
}

/* La galerie de photo */
.photo {display:block;
        width:260px;
        /*height:260px;*/
        border:1px solid #666666;
        float:left;
        padding:2px;
        margin:2px;
        text-align:center;
}