/* ------------------------------------ *
 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 10% 0 10%;
    margin: 0 auto 0 auto;
    min-width: 1000px;

    font-family: arial, sans-serif;
    font-size: 100%;
    color: #000;
}

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

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

#bandeauHaut img {border:0px;}
#bandeauHaut .logo {
    float: left;
}

#bandeauHaut .navig {
    float:left;
    padding-top: 30px;
    margin-left: 10px;
    margin-top: 5px;
}

.idvet {
    background-color:#FFFFCC;
    padding:2px;
    border:1px solid #789;
}
.idvet label {
    width: 85px;
    display: block;
    float:left;
}
#bandeauHaut .idvet {
    float:right;
    height: 70px;
    width: 250px;
    margin-top:10px;
}

#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;
}


/**********************MENU******************/

.sf-menu li.item80:hover a span, .sf-menu li#current.item80:hover a span{
    padding:9px 0px 12px 0px;
    background-image:url(/img/vetocomfr/menu/bg_bouton_menucurrent.png);
    background-position:top left;
    background-repeat:repeat-x;
    display:block;
    color:#FFF;
    font-size:14px;
}

.sf-menu li.item80:hover, .sf-menu li#current.item80:hover	
{
    background-image:url(/img/vetocomfr/menu/bg_bouton_menucurrent_left.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding-left:10px;
}

.sf-menu li.item80:hover a, .sf-menu li#current.item80:hover a
{
    background-image:url(/img/vetocomfr/menu/bg_bouton_menucurrent_right.png);
    background-position:top right;
    background-repeat:no-repeat;
    padding-right:16px;
    text-decoration:none;
}

.sf-menu li a span{
    padding:9px 0px 12px 0px;
    background-image:url(/img/vetocomfr/menu/bg_bouton_menu.png);
    background-position:top left;
    background-repeat:repeat-x;
    display:block;
    color:#FFF;
    font-size:14px;}

.sf-menu li:hover a span,.sf-menu li#current:hover a span,  .sf-menu li.active:hover a span{
    padding:9px 0px 12px 0px;
    background-image:url(/img/vetocomfr/menu/bg_bouton_menuHover.png);
    background-position:top left;
    background-repeat:repeat-x;
    display:block;
    color:#004171;
}

.sf-menu li#current a span, .sf-menu li.active a span{
    padding:9px 0px 12px 0px;
    background-image:url(/img/vetocomfr/menu/bg_bouton_menucurrent.png);
    background-position:top left;
    background-repeat:repeat-x;
    display:block;
    color:#FFF;
    font-size:14px;}

.sf-menu li{
    background-image:url(/img/vetocomfr/menu/bg_bouton_menu_left.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding-left:10px;
    margin-right:7px;
}


.sf-menu li:hover, .sf-menu li#current:hover, .sf-menu li.active:hover{
    background-image:url(/img/vetocomfr/menu/bg_bouton_menuHover_left.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding-left:10px;
}
.sf-menu li#current, .sf-menu li.active {
    background-image:url(/img/vetocomfr/menu/bg_bouton_menucurrent_left.png);
    background-position:top left;
    background-repeat:no-repeat;
    padding-left:10px;
}

.sf-menu li a{
    background-image:url(/img/vetocomfr/menu/bg_bouton_menu_right.png);
    background-position:top right;
    background-repeat:no-repeat;
    padding-right:16px;
}

.sf-menu li:hover a, .sf-menu li#current:hover a, .sf-menu li.active:hover a{
    background-image:url(/img/vetocomfr/menu/bg_bouton_menuHover_right.png);
    background-position:top right;
    background-repeat:no-repeat;
    padding-right:16px;
    text-decoration:none;
}
.sf-menu li#current a, .sf-menu li.active a{
    background-image:url(/img/vetocomfr/menu/bg_bouton_menucurrent_right.png);
    background-position:top right;
    background-repeat:no-repeat;
    padding-right:16px;
    text-decoration:none;
}


.item1{
    display:none;}

/********SOUS MENU**************/
.sf-menu li ul{
    background-image:url(/img/vetocomfr/menu/bg_sousmenu.png);
    background-position:top right;
    background-repeat:repeat-x;
    margin-top:2px;
    background-color:#52b8e2;}

.sf-menu li ul li a span, .sf-menu li:hover ul li a span, .sf-menu li#current ul li a span, .sf-menu li#current:hover ul li a span{
    padding:5px 10px;
    background-image:none;
    border-bottom:1px dotted #FFFFFF;
    display:block;
    color:#004171;
}

.sf-menu li ul li, .sf-menu li ul li.active, .sf-menu li:hover ul li, .sf-menu li#current:hover ul li,.sf-menu li ul li#current, .sf-menu li ul li#current:hover{
    background-image:none;
    padding-left:0px;
}
.sf-menu li.active:hover ul li, .sf-menu.active:hover li ul li a{
    padding:0px;}
.sf-menu li.active:hover ul li a span, .sf-menu li.active:hover ul li#current a span	{
    padding:5px 10px;}
.sf-menu li ul li a, .sf-menu li ul li.active a, .sf-menu li:hover ul li a, .sf-menu li#current:hover ul li a, .sf-menu li ul li#current a, .sf-menu li ul li#current:hover a, .sf-menu li.active:hover ul li a{
    background-image:none;
    padding-right:0px;
}
.sf-menu li ul li a span, .sf-menu li:hover ul li a span, .sf-menu li#current:hover ul li a span, .sf-menu li ul li a span, .sf-menu li ul li.active a span,.sf-menu li.active:hover ul li a span, .sf-menu li ul li#current a span, .sf-menu li ul li#current:hover a span{
    font-weight:normal;
    background-image:none;
    font-size:12px;
}

.sf-menu li ul li a:hover span, .sf-menu li#current ul li a:hover span, .sf-menu li.active ul li:hover a span, .sf-menu li.active ul li#current:hover a span{
    color:#fff}