/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
html,body {margin:0;padding:0; text-align:left; }
img { border: 0; vertical-align: bottom;} // if not set to bottom, firefox's showing bowlsheet!

/////////////////////////
/* LAYOUT DIVS*/

#ref { background-color: #fff; padding: 10px; }
#logo { position: relative; }
#content { width: 600px; height: 600px auto; padding: 20px; position: relative; background-image: url(http://www.glup.ch/site/include/bg.png); background-repeat: no-repeat; background-color: #abc;  z-index:1000;}
#content_text { background-color: #fff; position: relative; padding: 10px; }
#adsense { border-left: 1px solid #abc; }

/* LAYOUT TEXT */
body, p, a, td  { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; vertical-align: top; text-align:left;}
h1 { font-size: 14px; font-weight: bold; font-style: normal; }
a, a:visited { color: #345; }
a:hover { color: #678; }
.td_img {text-align: center; }
.errormsg {	color: #FF0000;	font-weight: bold; font-size:13px; }
.footer { font-size: 10px; text-align:center; padding:10px; }
.header { text-align:center; }

/////////////////////////
/* MENU */
#menu { width:800px; height: 34px; margin:50px auto; position: relative; z-index: 9998; }
#menu #nav { padding: 0;margin: 0; font:12; }
#menu #nav li { display: inline;}
#menu #nav li a { float: left; width: 120px; height: 0; padding-top: 36px; overflow: hidden;}
#menu #nav li a { background-image: url(http://www.glup.ch/site/include/navigation.png); background-repeat: no-repeat; }

/* BUTTONS FR*/
#menu #nav li#fr_accueil a{ background-position: 0 0; }
#menu #nav li#fr_creation a{ background-position: -120px 0; }
#menu #nav li#fr_liens a{ background-position: -240px 0; }
#menu #nav li#fr_contact a { background-position: -360px 0; }
#menu #nav li#fr_lang a { background-position: -480px 0; }
/* BUTTONS DE*/
#menu #nav li#de_accueil a{ background-position: 0 -144px; }
#menu #nav li#de_creation a{ background-position: -120px -144px; }
#menu #nav li#de_liens a{ background-position: -240px -144px; }
#menu #nav li#de_contact a { background-position: -360px -144px; }
#menu #nav li#de_lang a { background-position: -480px -144px; }

/* OVER STATES FR */
#menu #nav li#fr_accueil a:hover{ background-position: 0 -36px; }
#menu #nav li#fr_creation a:hover{ background-position: -120px -36px; }
#menu #nav li#fr_liens a:hover{ background-position: -240px -36px; }
#menu #nav li#fr_contact a:hover { background-position: -360px -36px; }
#menu #nav li#fr_lang a:hover { background-position: -480px -36px; }
/* OVER STATES */
#menu #nav li#de_accueil a:hover{ background-position: 0 -180px; }
#menu #nav li#de_creation a:hover{ background-position: -120px -180px; }
#menu #nav li#de_liens a:hover{ background-position: -240px -180px; }
#menu #nav li#de_contact a:hover { background-position: -360px -180px; }
#menu #nav li#de_lang a:hover { background-position: -480px -180px; }

/* PRESSED STATES FR */
#menu #nav li#fr_accueil a:active{ background-position: 0 -72px; }
#menu #nav li#fr_creation a:active{ background-position: -120px -72px; }
#menu #nav li#fr_liens a:active{ background-position: -240px -72px; }
#menu #nav li#fr_contact a:active { background-position: -360px -72px; }
#menu #nav li#fr_lang a:active { background-position: -480px -72px; }
/* PRESSED STATES DE */
#menu #nav li#de_accueil a:active{ background-position: 0 -216px; }
#menu #nav li#de_creation a:active{ background-position: -120px -216px; }
#menu #nav li#de_liens a:active{ background-position: -240px -216px; }
#menu #nav li#de_contact a:active { background-position: -360px -216px; }
#menu #nav li#de_lang a:active { background-position: -480px -216px; }

/* ON STATES FR*/
#menu.accueil #nav li#fr_accueil a { background-position: 0 -108px !important; }
#menu.creation #nav li#fr_creation a {background-position: -120px -108px !important; }
#menu.liens #nav li#fr_liens a{ background-position: -240px -108px !important; }
#menu.contact #nav li#fr_contact a { background-position: -360px -108px !important; }
#menu.note_legale #nav li#fr_lang a { background-position: -480px -108px !important; }
/* ON STATES DE */
#menu.accueil #nav li#de_accueil a { background-position: 0 -252px !important; }
#menu.creation #nav li#de_creation a {background-position: -120px -252px !important; }
#menu.liens #nav li#de_liens a{ background-position: -240px -252px !important; }
#menu.contact #nav li#de_contact a { background-position: -360px -252px !important; }
#menu.note_legale #nav li#de_lang a { background-position: -480px -252px !important; }