body {position : relative; left : 0px; top : 0px; width : 100%; height : auto; background: url(i/bg.png); text-align : center}

body, div, span, p, a, img, form, h1, h2, h3, h4, h5, h6, ul, li, table, th, td, address {margin : 0px; padding : 0px}

img {display : block; border : none}
form {display : inline}

body, div, span, p, h1, h2, h3, h4, h5, h6, ul, li, input, select, textarea, label, pre, td, th, address {font-family : verdana,sans-serif}
body {font-size : 62.5%}

.noScr, hr {display : none}

/* \*/
* li {height : 1%}
/* */

body {padding : 2px 0px}

#container {position : relative; margin : 0px auto 0px auto; width : 765px; height : auto; text-align : left; border : solid 1px #ccc; background-color : #fff}

/* HEADER */

h1 {background : url(i/header.jpg) repeat-x; width : 765px; height : 92px; margin-top : 0px; border-bottom : solid 1px #ccc}
h1 a {display : block; position : absolute; left : 7px; top : 20px; width : 121px; height : 55px;}

/* CONTENT */
#content {position : relative; left : 0px; top : 0px; width : 535px; height : auto; margin-top : 30px; float : left}
#content h2 {font-size : 1.4em; border : solid 1px #B9B9B9; background : url(i/h2_bg.png) repeat-x; margin : 0.4em 0px 10px 18px; padding : 3px 3px 3px 6px;}
#content h3 {margin : -10px 0px 1.2em 18px; padding : 2px 9px 3px 6px; font-size : 1.3em; text-align : right; background-color : #f8f8f8; color : #222; border-bottom : solid 1px #ddd; border-left : solid 1px #ddd; border-right : solid 1px #ddd; font-weight : normal}
#content h4 {padding : 0px 6px 1.2em 25px; font-size : 1.2em; background : url(i/h5.png) 10px 3px no-repeat}
#content h5 {padding : 0px 6px 1.2em 25px; font-size : 1.2em; background : url(i/h5.png) 10px 3px no-repeat}
#content ul {padding : 0px 6px 1.2em 25px; font-size : 1.2em; list-style-type : none; list-style-position : outside; list-style-image : none;}
#content ul li {background : url(i/li.png) 2px 4px no-repeat; padding : 0px 0px 3px 12px}
#content p {padding : 0px 6px 1.2em 25px; font-size : 1.2em}
#content a {color : #568EE5}
#content a.plus {padding : 3px 0px 0px 18px; background : url(i/plus.png) 0px 0px no-repeat; display : block; width : auto; min-height : 20px; height : 20px;}
#content a.plus:hover {color : #aaa}
#content div.pix {padding : 0px 6px 1.2em 25px; text-align : center}
#content div.pix img {border : solid 1px #B9B9B9; margin : 0px 12px 16px 0px}
#content div.fixedPix {padding : 0px 6px 1.2em 25px; position : relative}
#content div.fixedPix img {position : absolute}
#content div.fixedPix h5 {position : absolute; background-image : none; padding : 0; font-size : 1.1em; width : 160px}
#content div.fixedPix p {position : absolute; padding : 0; margin : 0; font-size : 1.1em}
#content div.fixedPix h5 strong {background-color : #B9B9B9; color : #333; padding : 0 3px}
#content img {display : inline}
#content img.border {border : solid 1px #B9B9B9}
#content table {margin : 0px 6px 2.2em 25px; border-top : solid 1px #333; border-left : solid 1px #333; font-size : 1em}
#content table tr th, #content table tr td {padding : 1px 6px 1px 4px; border-right : solid 1px #333; border-bottom : solid 1px #333; vertical-align : top; color : #000;}
#content table tr th {font-size : 1.1em; color : #eee; background-color : #666}
#content table tr.trOdd td {font-size : 1.1em; background-color : #ececec}
#content table tr.trEven td {font-size : 1.1em; background-color : #fff}
#content form {}
#content label {margin-left : 25px; width : 30%; float : left; clear : none; font-size : 1.2em; text-align : right}
#content span.label {margin-left : 25px; width : 30%; float : left; clear : none; font-size : 1.2em; text-align : right}
#content input, #content textarea {width : 50%; margin-left : 10px; font-size : 1.2em}
#content form div {margin : 0px 6px 1.2em 25px; text-align : center}
#content form div input {width : auto; margin : 10px; font-size : 1.2em; padding : 2px 6px}

/*#home #content {width : 745px}*/
#home #content {width : 515px}
#home #content p {margin-bottom : 1em}
#home #content div p {margin-bottom : 0}
#home #content img {margin-left : 30px; margin-top : 16px; margin-right : 25px; float : right; clear : right}
#home #content h2 {margin : 0px; padding : 0px 6px 0.6em 25px; font-size : 1.2em; background : url(i/h5.png) 10px 3px no-repeat; border : none; color : #999}
#home #content h2 strong {font-size : 1.1em; background : url(i/h2_bg.png) repeat-x; padding : 0 0.4em; margin-right : 0.4em; border : solid 1px #ccc; color : #000}
#home #content div h2 em {padding-right : 22px}
#home #content a.plus {margin-bottom : 0.3em}

/* NAV */
#nav {position : relative; display : block; width : auto; height : auto; margin : 10px 0px 0px 570px; list-style-type : none; list-style-position : outside; list-style-image : none; font-size : 1.2em}
#nav li {border : solid 1px #ccc; border-right : none; margin : 0px 0px 0.9em 0px; padding : 0px 0px 3px 0px; background-color : #f8f8f8}
#nav li strong {padding : 2px 0px 2px 25px; display : block; border-bottom : solid 1px #B9B9B9;}
#nav li a {display : block; color : #222; text-decoration : none}
#nav li a {background : url(i/h2_bg.png) repeat-x}
#nav li a strong {background : url(i/flag_es_s.png) 3px 3px no-repeat}
#nav li.ch a strong {background : url(i/flag_ch_s.png) 9px 3px no-repeat}
#nav li ul {list-style-type : none; list-style-position : outside; list-style-image : none; font-size : 1em}
#nav li ul li {border : none;  margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px}
#nav li ul li a {display : block; background : #f8f8f8 url(i/bullet.png) 6px 2px no-repeat; text-decoration : none; color : #568EE5; padding : 2px 0px 2px 25px}
#nav li ul li a.on {background : #f8f8f8 url(i/bullet_on.png) 6px 2px no-repeat; color : #333}
#nav li ul li a:active {color : #F68517}
#nav li ul li a:visited {color : #568EE5; background : #f8f8f8 url(i/visited.png) 6px 2px no-repeat;}
#nav li ul li a.on:visited {background : url(i/bullet_on.png) 6px 2px no-repeat; color : #333}
#nav li ul li a.on:visited:hover {background : url(i/bullet_on.png) 6px 2px no-repeat; color : #333}
#nav li ul li a:visited:hover {background : #efefef url(i/visited.png) 6px 2px no-repeat}
#nav li ul li a:hover {background : #efefef url(i/bullet.png) 6px 2px no-repeat}
#nav li ul li ul li {border : none;  margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px}
#nav li ul li ul li a {display : block; background : #f8f8f8 url(i/bullet_2.png) 25px 2px no-repeat; text-decoration : none; color : #568EE5; padding : 1px 2px 1px 37px; font-size : 0.9em}
#nav li ul li ul li a.on {background : #f8f8f8 url(i/bullet_2_on.png) 25px 2px no-repeat; color : #333}
#nav li ul li ul li a:visited {color : #568EE5; background : #f8f8f8 url(i/bullet_2_visited.png) 25px 2px no-repeat;}
#nav li ul li ul li a.on:visited {background : url(i/bullet_2_on.png) 25px 2px no-repeat; color : #333}
#nav li ul li ul li a.on:visited:hover {background : url(i/bullet_2_on.png) 25px 2px no-repeat; color : #333}
#nav li ul li ul li a:visited:hover {background : #efefef url(i/bullet_2_visited.png) 25px 2px no-repeat}
#nav li ul li ul li a:hover {background : #efefef url(i/bullet_2.png) 25px 2px no-repeat}

/* CONTACT */
#nav li#contact {height : 28px; background : url(i/enveloppe.png) no-repeat; border : none}
#nav li#contact strong {background-image : none; background-color : transparent; border : none; padding : 0px;}
#nav li#contact strong a {color : #FF0000; padding : 0px 0px 0px 32px; font-size : 1.1em; line-height : 1.4em; background-image : none; background-color : transparent; font-family : arial,tahoma,verdana}
#nav li#contact strong a:hover {color : #aaa}

/* FOOTER */
address {position : relative; display : block; width : 100%; height : auto; background-color : #2E2E2E; color : #FAFBF5; text-align : center; font-size : 1.1em; font-style : normal; padding : 0.6em 0px 0.6em 0px; clear : left}

/* CREDITS */
#credits {position : relative; margin : 0px auto 0px auto; padding : 1.3em 0 0.6em 0; width : 765px; height : auto; color : #666; font-size : 1em}
#credits a {color : #666; text-decoration : none}
#credits a:hover {color : #888}