/* nom   : BandS.css                                       */
/* auteur: Gilles BOISAUBERT                               */
/* cre   : 26/12/2008                                      */
/* maj   :   /  /     -                                    */
/* notes : BANDeau en haut d'ecran Snipe Class et onglets  */

html {height: 100%; with: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; overflow: auto}
body {font-family: "Verdana", sans-serif; font-size: 10pt; text-align: center; color:#FFFFFF; background: #303030; height: 86px; width: 100%; border-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible}

/* Il y a 3 colonnes avec des blocks flottants dans chacune */
/* les objets sont classes par groupe */
/* partie gauche */
/* dans les marges decalage de 6px pour IE et son bug sur les flottants */
/* largeur: 5 (gauche insigne snipe) + 198 (insigne snipe) + 20 (gauche snipe class) + 79 (snipe class) + 6 bug IE = 308 */ 
/* hauteur: 5 (padding haut) + 75 (insigne snipe) + 5 (padding bas) = 85 */
div.bdgche {float: left; width: 308px; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; border-style: none; text-align: center; background: #303030}
/* l'alignement des images est gere par les marges */ 
  img.insigafs {float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; border-style: none }
  img.snipeclg {float: left; margin: 1px 0px 0px 20px; padding: 0px 0px 0px 0px; border-style: none }

/* partie droite */
/* largeur: 5 (droite snipe class) + 79 (snipe class) + 10 (droite compas) + 38 (compas) + 6 bug IE = 138 */
/* hauteur: 5 (padding haut) + 1 (marge haut snipe class) + 74 (snipe  class) + 0 (padding bas) = 80 */
/* hauteur: le compas est aligne sur le bas, pas le snipe class (comme a gauche) */
/* hauteur:  5 (padding haut) + 42 (marge haut <a compas>) + 38 (compas) = 85, c'est lui qui gagne! */
div.bddrte {float: right; width: 138px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; border-style: none; text-align: center; background: #303030}
  img.snipecld {float: right; margin: 1px 5px 0px 0px; padding: 0px 0px 0px 0px; border-style: none }
/* gestion du fond du compas, la marge haute aligne l'image en bas 75 - 38 = 42 - 5 pour decaler du bas = 37 + 5 de padding pour compenser */
  a.imgcpasd:active, a.imgcpasd:link, a.imgcpasd:visited
    {float: right; display: block; width: 38px; height: 38px; background: #303030; margin: 37px 10px 0px 0px; padding: 0px 0px 5px 0px}
  a.imgcpasd:hover
    {float: right; display: block; width: 38px; height: 38px; background: url("FdComp03.jpg") no-repeat 0px 0px}
/* image du compas */
  img.compas {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: none}

/* partie centrale */
/* les marges gauche et droite empechent de passer sous les flottants (+1 / bdgche et bddrte), le padding decale le span */
/* ensuite les onglets sont des blocks en flottants remis dans un div centre */
div.bdongl {margin: 0px 139px 0px 309px; padding: 5px 0px 0px 0px; border-style: none; text-align: center; background: #303030}
  span.titre {font-family: "Verdana", sans-serif; font-size: 20pt; font-weight: 700; color:#FFFFFF}
/* decalage de 6px en largeur tjrs pour le flottant de IE, padding pour ecarter du titre et ajuster la hauteur */
  div.onglet {margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 15px 0px 5px 0px; display: block; width: 518px; height: 28px; border-style: none}
/* les a sont declares en block pour avoir l'image complete du background sous FireFox*/
/* onglets: padding de 5 pour aligner le texte sur les images */
  a.ongcal:active, a.ongcal:link, a.ongcal:visited
    {font-size: 11pt; font-variant: small-caps; font-weight: 200; text-decoration: none; color: #FFFFFF; display: block; float: left; width: 128px; height: 28px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url("OngMen09.jpg") no-repeat 0px 0px; border-style: none}
  a.ongcal:hover
    {font-size: 11pt; font-variant: small-caps; font-weight: 700; text-decoration: none; color: #000020; display: block; float: left; width: 128px; height: 28px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url("OngCal04.jpg") no-repeat 0px 0px; border-style: none}
  a.ongres:active, a.ongres:link, a.ongres:visited
    {font-size: 11pt; font-variant: small-caps; font-weight: 200; text-decoration: none; color: #FFFFFF; display: block; float: left; width: 128px; height: 28px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url("OngMen09.jpg") no-repeat 0px 0px; border-style: none}
  a.ongres:hover
    {font-size: 11pt; font-variant: small-caps; font-weight: 700; text-decoration: none; color: #623100; display: block; float: left; width: 128px; height: 28px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url("OngRes03.jpg") no-repeat 0px 0px; border-style: none}
  a.ongocc:active, a.ongocc:link, a.ongocc:visited
    {font-size: 11pt; font-variant: small-caps; font-weight: 200; text-decoration: none; color: #FFFFFF; display: block; float: left; width: 128px; height: 28px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url("OngMen09.jpg") no-repeat 0px 0px; border-style: none}
  a.ongocc:hover
    {font-size: 11pt; font-variant: small-caps; font-weight: 700; text-decoration: none; color: #6A346A; display: block; float: left; width: 128px; height: 28px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url("OngOcc03.jpg") no-repeat 0px 0px; border-style: none}
  a.onginf:active, a.onginf:link, a.onginf:visited
    {font-size: 11pt; font-variant: small-caps; font-weight: 200; text-decoration: none; color: #FFFFFF; display: block; float: left; width: 128px; height: 28px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url("OngMen09.jpg") no-repeat 0px 0px; border-style: none}
  a.onginf:hover
    {font-size: 11pt; font-variant: small-caps; font-weight: 700; text-decoration: none; color: #606860; display: block; float: left; width: 128px; height: 28px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; background: url("OngInf05.jpg") no-repeat 0px 0px; border-style: none}