/*
   All
*/

body {
background: #111111;
}

body, table, td, p, div {
 color: #575757;
 font-size : 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}

p, div {
line-height: 1.4;
}

.idleField, input, textarea, select {
 font-size : 8pt;
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 color : #27434E;
 background-color: #E6E6E6;
 border-top-color: #C0C0C0;
 border-bottom-color: #C0C0C0;
 border-left-color: #C0C0C0;
 border-right-color: #C0C0C0;
}
.focusField, input:focus, textarea:focus {
 background-color: #EEE7D5;
 border:solid 2px #1473AD;
}
input[readonly], .readonlyx {
 color: #666666;
 background-color: #CCCCCC;
 font-style: italic;
}

a {
text-decoration: none;
}

a:active, a:link, a:visited  { color: #006699; }
a:hover                      { color: #FF0000; }

a:active.lnk1, a:link.lnk1, a:visited.lnk1  { color: #DC33B9; }
a:hover.lnk1                                { color: #CC66FF; }

a:active.lnk2, a:link.lnk2, a:visited.lnk2  { color: #64BA1F; }
a:hover.lnk2                                { color: #009999; }

a.titlep, a.titlepb {
font-size : 10pt;
font-family: Arial Black, Arial, Verdana;
font-weight: bold;
text-decoration: none;
}

a:active.titlep, a:active.titlepb { color: #FF99FF; }
a:link.titlep, a:visited.titlep, a:link.titlepb, a:visited.titlepb       { color: #E377BC; }
a:hover.titlep, a:hover.titleb  { color: #bd049c; }


/*
   Website
*/

#global {
 width: 995px;
 margin: 0 auto;
 background-color: #FFFFFF;
 border: 1px solid #C0C0C0;
}

#header {
background: url('../images/geocalive_header.jpg') transparent no-repeat;
width: 995px;
height: 101px;
text-align: right;
background-color: #C0C0C0;
}

.pub {
margin-top: 5px;
margin-bottom: 5px;
white-space: nowrap;
text-align: center;
}

#footer {
background: url('../images/wfooter.jpg') transparent no-repeat;
width: 995px;
height: 20px;
margin: 0 auto;
border: 1px solid #333333;
text-align: right;
}

#copyright {
margin-top: 4px;
margin-left: 700px;
font-family:  Verdana, Arial;
font-size: 8pt;
color: #808080;
text-align: center;
}

a:active.copyright, a:link.copyright, a:visited.copyright {
  color: #C0C0C0;
}

a:hover.copyright {
  color: #FFFFFF;
}

h2 {
font-size : 15pt;
font-family : Verdana, Arial;
color: #94C80E;
font-weight: bold;
}

h3 {
font-size : 11pt;
font-family : Verdana, Arial;
color: #5F5F5F;
font-weight: bold;
}

/*
   Website Elements
*/

#hlogin {
height: 65px;
width: 272px;
font-size : 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

#hlogin input {
font-size: 7pt;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

a:active.hlgn , a:link.hlgn , a:visited.hlgn   {
  color: #333333;
}
a:hover.hlgn   {
  color: #006699;
  text-decoration:underline overline;
}

a:active.hlgnb , a:link.hlgnb , a:visited.hlgnb   {
  color: #FF0000;
  font-weight: bold;
}
a:hover.hlgnb   {
  color: #006699;
  text-decoration:underline overline;
}

.menu {
height: 36px;
text-align: center;
}

.menu li {
float: left;
}

#menuh li , #menuh li a {
width:142px;
height:36px;
display: block;
list-style: none;
}
#menuh li a:hover {
background-position: -142px 0;
}
#menuh li a:active {
background-position: -284px 0;
}
#menuh li .active {
background-position: -284px 0;
}
#maccueil a     { background: url("../images/nav/btnm_accueil.jpg") 0 0 no-repeat; }
#mnews a        { background: url("../images/nav/btnm_news-et-actualites.jpg") 0 0 no-repeat; }
#msequiper a    { background: url("../images/nav/btnm_sequiper.jpg") 0 0 no-repeat; }
#moffres a      { background: url("../images/nav/btnm_offres.jpg") 0 0 no-repeat; }
#msociete a     { background: url("../images/nav/btnm_la-societe.jpg") 0 0 no-repeat; }
#mpresse a      { background: url("../images/nav/btnm_la-presse-en-parle.jpg") 0 0 no-repeat; }
#mannonces a    { background: url("../images/nav/btnm_annonces.jpg") 0 0 no-repeat; }
#mcontact a     { background: url("../images/nav/btnm_contact.jpg") 0 0 no-repeat; }

#menub li , #menub li a {
width:199px;
height:36px;
display: block;
list-style: none;
}
#menub li a:hover {
background-position: -199px 0;
}
#menub li a:active {
background-position: -398px 0;
}
#menub li .active {
background-position: -398px 0;
}
#mfaq a              { background: url("../images/nav/btnb_faq.jpg") top left no-repeat; }
#mpartenaires a      { background: url("../images/nav/btnb_partenaires.jpg") top left no-repeat; }
#mreferences a       { background: url("../images/nav/btnb_nos-references.jpg") top left no-repeat; }
#minstallateurs a    { background: url("../images/nav/btnb_installateurs.jpg") top left no-repeat; }
#mnumerosutiles a    { background: url("../images/nav/btnb_numeros-utiles.jpg") top left no-repeat; }
#mliens a            { background: url("../images/nav/btnb_liens.jpg") top left no-repeat; }

.comment {
 color: #c0c0c0;
 font-size: 7pt;
 font-style: italic;
}

/*
   Geocalive Demo
*/
.gltitle {
font-size : 13pt;
font-family : Arial, Verdana;
color: #94C80E;
font-weight: bold;
}
.glmenu table, .glmenu td, .glmenu div {
  font-family: Arial, Verdana;
  color: #333333;
}
.glmenu td {
  vertical-align: middle;
  text-align: center;
}
.gldate {
font-weight: bold;
font-size : 10pt;
}
.gldata {
font-weight: bold;
font-size : 16pt;
}
.gldata small {
  font-size: 50%;
}