/* ----- RESET ------ */

html, body, div, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* ----- BASIC ELEMENTS ------ */

body { font-family: Lucida Grande, Lucida Sans, Geneva, Helvetica, sans-serif; background: #333 url(../images/fond.jpg) repeat-x; text-align: center; }

#container { position: absolute; top: 0px; left: 140px; margin: 0 auto; width: 980px; height: 620px; text-align: left; }

#header { background: url(../images/header.jpg) no-repeat; width: 980px; height: 140px; text-align: left; }

#navigation { position: absolute; top: 0px; left: 240px; width: 700px; height: 40px; margin: 75px 0 0 0; text-align: right; }

#language { float: right; width: 80px; height: 20px; margin: 110px 40px 0 0; text-align: right; }

#content { width: 900px; height: 490px; background: #FFF; text-align: left;  padding: 20px 40px 0px 40px; }

#footer { clear: both; background: url(../images/footer.jpg) no-repeat; width: 980px; height: 100px; text-align: center; padding: 30px 0 0 0; }

/* ----- CONTENT ------ */

#col1_main { float: left; width: 500px; margin: 0 20px 0 0; }

#col2_side { float: left; width: 330px; }

#col1 { float: left; width: 250px; }

#col2 { float: left; width: 250px; }

#col1_full { float: left; width: 420px; }

#col2_full { float: left; width: 420px; }

.col1_full { float: left; width: 450px; }

.col2_full { float: left; width: 450px; }

.theme { margin: 0 0 5px 0; }

#division { float: left; width: 20px; height: 460px; background: url(../images/split.jpg) no-repeat; margin: 0px 20px 0px 10px; }

#division_420 { float: left; width: 20px; height: 420px; background: url(../images/split_420.jpg) no-repeat; margin: 0px 20px 0px 0; }

#division_320 { float: left; width: 20px; height: 320px; background: url(../images/split_320.jpg) no-repeat; margin: 0px 20px 0px 0; }

.horizontal { clear: both; width: 900px; height: 20px; background: url(../images/hr_900.jpg) no-repeat; }

.horizontal_520 { clear: both; width: 520px; height: 20px; background: url(../images/hr_520.jpg) no-repeat; }

.horizontal_430 { clear: both; width: 430px; height: 20px; background: url(../images/hr_430.jpg) no-repeat; }

.horizontal_320 { clear: both; width: 320px; height: 20px; background: url(../images/hr_320.jpg) no-repeat; }

/* ----- CONTACT FORM ------ */

#ct_col1 { float: left; width: 125px; text-align: left; }

#ct_col2 { float: left; width: 300px; text-align: right; }

/* ----- NAVIGATION ------ */

#navigation ul { list-style: none; }

#navigation li { border: 0; display: inline; color: #C93; }

#navigation li a:link, #navigation li a:visited { color: #C93; font-weight: bold; font-size: 12px; text-decoration: none; text-transform: uppercase; }

#navigation li a:hover { color: #999; }

/* ----- TEXT STYLES ------ */

p { font-size: 13px; color: #666; text-align: left; margin: 0 0 10px 0; }

p.ctr { font-size: 13px; color: #666; text-align: center; margin: 0 0 10px 0; }

#footer p.copyright { font-size: 10px; color: #C93; text-align: center; }

h1 { background: url(../images/h1.jpg) no-repeat; margin: 0 0 10px 0; height: 35px; font-size: 18px; text-transform: uppercase; color: #960; }

#content ul { list-style-type: circle; list-style-position: outside; padding: 0 0 0 15px; font-size: 13px; color: #666; text-align: left; }

#content li { margin: 10px 0 10px 0; }

#content li li { margin: 5px 0 0px 0; }

#content li ul { list-style-type: disc; list-style-position: outside; padding: 0 0 0 15px; font-size: 13px; color: #666; text-align: left; }

#movie { width: 512px; height: 302px; border: 1px solid #999; }

img { border: 0; }

img.l { float: left; margin: 0 10px 0 0; border: 0; }

img.r { float: right; margin: 0 0 0 10px; border: 0; }

.show { display: inline; }

.noshow { display: none; }

h2 {  margin: 0 0 5px 0; font-size: 14px; color: #960; font-weight: bold; text-transform: uppercase; }

h3 {  font-size: 13px; color: #960; font-weight: bold; }

.promo { font-size: 16px; color: #960; font-weight: bold; text-align: center; }

.bold { color: #666; font-weight:bold; }

.boldupper { color: #960; font-weight:bold; }

.hint { font-size: 11px; font-style:italic; }

a {  font-size: 13px; color: #666; text-align: left; margin: 0 0 10px 0; text-decoration: underline; }

a:hover { color: #930; }

#footer a { font-size: 10px; color: #C93; text-align: left; text-decoration: underline; }

img.photos { border: 0; }

a.gallery { display: inline; width: 110px; height: 85px; float: left; margin: 0px 15px 15px 0; position: relative; }

.photo_line { width: 900px; height: 90px; margin: 0 0 40px 0px; text-align: left; }

.inputtext { background: #FFF; width: 300px; color: #666; border: 1px solid #666; padding: 0 5px 0 5px; }

.button { background: #960; width: 80px; color: #FFF; border: 1px solid #960; font-size: 12px; padding: 2px 5px 4px 5px; text-transform:uppercase; }

textarea { background: #FFF; width: 300px; color: #666; padding: 0 5px 0 5px; margin-bottom: 5px; border: 1px solid #666; }