/* ------------------------------------ *
 CSS
 jeudi 10 février 2005 17:55:45
 HAPedit 3.1.11.111
 (c) VETOCOM 2005
 * ------------------------------------ */

/* ------------------------------------ *
 classes de styles globales
 * ------------------------------------ */

body {
    background-color: #F4F4F4;
    background-image: url('/img/vetocomfr/bg_header.jpg');

    padding: 0;
    margin: 0 auto 0 auto;
    min-width: 1280px;
    
    font-family: arial, sans-serif;
    font-size: 100%;
    color: #000;
}

.hide { display: none; }
.show { }

#bandeauHaut {
    margin-top: 1em;
    font-size:small;
    with: 1000px;
    height:112px;
}

#bandeauHaut .logo {
    float: left;
}

#bandeauHaut .navig {
    padding: 0px;
    margin-left: 300px;
    margin-top: 5px;
    
}

.idvet {
    background-color:#FFFFCC;
    padding:2px;
    border:1px solid #789;
}
#bandeauHaut .idvet {
    float:right;
    vertical-align: middle;
}

#innerframe .idvet {
    /*width:500px;*/
}

#bandeauHaut #formlogcli {
    width:200px;
}

#bandeauBas {
    padding: 5px;
    /*
	margin-top:50px;
	border-top: solid 2px #CCCCCC;
	*/
}

h1 {
    text-align: center;
    margin: 1em 0em 1em 0em;
}
h1.titrePage {
    margin-top:0px;
}

/*
------------------ CONTENU PRINCIPAL
*/
/* Layout */

#frame, #innerframe {
    margin: 0px;
}

.ttop, .tbtm, .ttopw, .tbtmw
{
    display: block;
    background: transparent;
    font-size: 1px;
}

.t1w, .t2w
{
    display: block;
    overflow: hidden;
}

div.tbarwrap .wrap
{
    margin: 0;
    font-size: 1em;
    color: #000;
    border: none;
    padding: 0 1px;
    border-left: 1px solid #789;
    border-right: 1px solid #789;
}

div.tbarwrap .wrap small { color: #56626d; }

div.tbarwrap .wrap small a
{
    font-weight: bold;
    color: #56626d;
}

div.tbarwrap .tbgw
{
    background: #789;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

div.tbarwrap .t1w
{
    height: 1px;
    margin: 0 2px;
    background: #fff;
}

div.tbarwrap .tboxw
{
    display: block;
    background: #fff;
    border: 0 solid #fff;
    border-top: 1px solid #fff;
    border-width: 0 1px;
    margin: 0;
    padding: 0;
}

div.tbarwrap .t2w
{
    background: #789;
    padding: 0 1px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 1px;
    margin: 0 1px;
}

.tshade
{
    border-top: 1px solid #ccc;
    background: #ddd;
    height: 1px;
    font-size: 1px;
    border-bottom: 1px solid #eee;
}

.bshade
{
    border-top: 1px solid #eee;
    background: #ddd;
    height: 1px;
    font-size: 1px;
    border-bottom: 1px solid #ccc;
    clear: both;
}

#innerframe {
    padding:1em;
    margin:0;
    clear:both;
    /*
	background: url(/img/body_bleu.gif) repeat-x;
	font-size: 1em;
	color: #000;
	border: none;
	border-left: 1px solid #789;
	border-right: 1px solid #789;
	*/
}


/*table {
  border: 1px solid black;
  margin: 30px 0px 30px 0px;
}
th {
	border: 1px solid black;
	background: url("http://images.sourceforge.net/sfx/main_select_bg.gif") top repeat-x #789;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
}
tr {
}
td {
  border: 1px solid black;
  padding: 5px;
}
*/

.tbSimple {
    border: 0px;
}
.tbSimple td {
    border: 0px;
}

.centrepage {
    margin: 10%;
}

.reliefP1 {
    margin-left:15%;
    margin-right:15%;
    background-color:#FFFFCC;
    text-align:center;
    font-weight:bold;
    border: 1px solid #789;
}

.reliefP2 {
    /* mettre en relief du texte dans un paragraphe */
    margin-left:15%;
    margin-right:15%;
    font-weight: bold;
    background-color:#FFCCCC;
    text-align:center;
}

.imgD {
    border: 0px;
}

.msgInfo {
    background-color:#FFFFBF;
    width: 60%;
    text-align: center;
    padding: 0.5em;
    margin-left: 20%;
    margin-right: 20%;
}

.msgRésultat {
    /* Utilisé pour afficher le code HTML de retour des requêtes MySQL */
    background-color:black;
    color:#99CC00;
    width: 80%;
    padding: 1em;
}

.msgErreur {
    /* affichage des messages d'erreur */
    color: red;
}
/* Formulaires */
/* formulaire : partie coordonnées véto */
#frmTitre {
    background: url("/img/tab_th_bg.gif") top repeat-x #789;
    border: 1px solid #789;
    font-weight: bold;
    color: white;
    text-align: center;
}
#frmCorps {
    padding: 1em;
    background-color:#FFFFCC;
}
#frmCorps :focus {
    background-color:#FFFFAA;
}
#frmCorps fieldset {
    font-style: normal;
    margin: 0px;
    padding: 0em 1em 0em 1em;
}
#frmCorps label {
    cursor: pointer;
    vertical-align: top;
}
#frmCorps legend {
    font-size: large;
    font-weight: bold;
    font-style: italic;
}
#frmCorps fieldset#coordvétos label {
    float: left;
    width: 20%;
    text-align: right;
    padding: 0 0.5em 0 0;

}
#frmPied {
    background: url("/img/tab_th_bg.gif") top repeat-x #789;
    border: 1px solid #789;
    font-weight: bold;
    color: white;
    text-align: center;
}

/* ------------------------------------ *
 * Styles du module IDVET *
 * ------------------------------------ */
#frmlogcli {
    width: 400px;
}
#innerframe #frmlogcli {
    width: 500px;
}
#frmlogvis {
    width: 700px;
}
#frmJvEdit {
    width: 700px;
}
#tbLogon {
    text-align: center;
}

/* ------------------------------------ *
 * Styles du module JV *
 * ------------------------------------ */

#imgCarteFR {
    border: 0px;
}

/* le tableau listant les JV */
#tbJV {
    font-size: large;
}
#tbJV tr:hover {
    background-color:#FFFF80;
}
#tbJV .trSelect {
    background-color:#FF8000;
}
#tbJV .trOff {
    background-color: #D4D4D4;
}

/* ------------------------------------ *
 * Styles du module DOWN *
 * ------------------------------------ */
#stripes
{
    border: 1px solid #56626d;
    font-family: arial, sans-serif;
    font-size: 80%;
    width: 100%;
    empty-cells: show;
}
#stripes.xl {font-size: large;}

#stripes tr { border-top: 1px solid #d6dbdf; }

#stripes thead tr
{
    background: url("/img/tab_th_bg.gif") top repeat-x #789;
    color: #fff;
    font-size: 130%;
    font-weight: bold;
}

#stripes a
{
    text-decoration: none;
}

#stripes td { padding: .1em .2em; }
#stripes tbody tr { display: table-row; }
#stripes tbody tr td
{
    background: #e6eaed;
    padding: .2em;
    border-top: 1px solid #789;
    border-bottom: 1px solid #789;
}
#stripes tbody tr.even td { background: #f3f4f6; }
#stripes tbody tr:hover td {background-color:#FFFF80;}
#stripes tbody tr.trSelect td { background-color:#FF8000;}

#JvLienRetour {
    text-align: center;
    margin-top:50px;
    /*width: 300px;*/
    margin-left: 10%;
    margin-right: 10%;
}
#JvLienRetour a {text-decoration:none;}

/* formulaires */
#frmJvInvitation {
    width: 700px;
    margin-left: 50px;
    padding: 15px;
    border: 0;
}
#frmJvInscription {
    width: 700px;
    margin-left: 50px;
    padding: 15px;
    border: 0;
}
