/* ----- eric meyer's css reset & clearfix */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td         { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus                                                  { outline: 0; }
body                                                    { line-height: 1; color: black; background: white; }
ol, ul                                                  { list-style: none; }
table                                                   { border-collapse: collapse; border-spacing: 0; }
caption, th, td                                         { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after  { content: ""; }
blockquote, q                                           { quotes: "" ""; }

.clear:after                                            { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear                                                  { display: inline-block; }
html[xmlns] .clear                                      { display: block; }
* html .clear                                           { height: 1%; }

/* ----- general */
body                                                    { padding-top: 30px; font-size: 12px; font-family: verdana, arial, serif; background: #3d803d url(../images/bg.jpg) repeat-x; }

a                                                       { text-decoration: none; color: #000; }

SUP { font-size: .83em }
SUP { vertical-align: super } 

.b1                                                     { font-size: 30px; }
.b2                                                     { font-size: 15px; }
.green                                                  { color: #4a884a; }

.more                                                   { float: right; display: block; width: 36px; height: 22px; margin: 5px; background: url(../images/more.png); text-indent: -1000px; overflow: hidden; }

.button                                                 { float: right; display: block; width: 75px; height: 22px; margin: 5px; background: url(../images/button.png); text-indent: -1000px; overflow: hidden; }


.text-center                                            { text-align: center; }

#content p                                              { line-height: 20px; }

#container                                              { width: 882px; margin: 0 auto; padding: 30px 54px; background: #fff url(../images/container-header.jpg) no-repeat; }
#footer                                                 { width: 970px; height: 50px; margin: 0 auto; padding: 0 10px; text-align: right; background: url(../images/container-footer.jpg) no-repeat; }

#header                                                 { position: relative; height: 385px; }

#nav                                                    { width: 100%; height: 41px; background: url(../images/nav.png); }
#nav li                                                 { float: left; width: 175px; height: 41px; }
#nav li:first-child                                     { width: 182px; }
#nav li a                                               { display: block; width: 100%; height: 100%; text-align: center; color: #fff; line-height: 41px; text-decoration: none; }
#nav li a:hover, #nav .active                           { color: #000; background: url(../images/nav.png) -0px -41px !important; }


#header h1                                              { position: absolute; top: 120px; left: 0px; width: 209px; height: 174px; background: url(../images/logo.png) no-repeat; }
#header h1 a                                            { display: block; width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; }

#slideshow                                              { position: absolute; top: 60px; right: 0; width: 620px; height: 315px; border: 5px solid #fff; overflow: hidden; }

#content                                                { padding-top: 20px; }

.box h2                                                 { margin: 10px; height: 28px; font-size: 17px; line-height: 28px; text-indent: 10px; color: #fff; background: url(../images/h2.jpg); }
.box                                                    { margin-bottom: 10px; padding: 10px; border: 1px solid #000; background: #fff; }
.box .mini                                              { float: left; margin: 0 15px 10px 0; border: 5px solid #ecf0f3; }
.box p.text                                             { float: left; width: 615px; margin: 3px 0; }
.box h3                                                 { font-size: 18px; margin: 0 0 10px 0; }

.cLeft                                                  { width: 35%; float: left; }
.cRight                                                 { width: 65%; float: left; }

.blue-box                                               { width: 222px; margin: 0 auto; padding: 5px; background: #edf1f4; }


.terrains h3                                            { font-size: 30px; margin: 0 0 10px 0; }
.protocole h3                                            { font-size: 30px; margin: 0 0 10px 0; }
#easy_tooltip                                           { background-color:#fff; outline:1px solid #669; border:2px solid #336f2f; padding:10px 15px; width:200px; display:none; color:#000; text-align:left; font-size:12px; outline-radius:4px; -moz-outline-radius:4px; -webkit-outline-radius:4px; }
#easy_tooltip span                                      { font-weight: bold; display: block; padding-bottom: 5px; color: #336f2f; font-size: 16px; }
#easy_tooltip em                                        { font-style: italic; display: block; padding-top: 5px; font-weight: bold; color: red }
#fields                                                 { color: red; font-weight: bold; position: relative; background: url(../images/field.jpg) no-repeat; width: 864px; height: 428px; margin: 5px 0 0 0; }
#fields .tooltip                                        { display: block; text-indent: -9999px; width: 45px; height: 45px; }
#field-1                                                { position: absolute; top: 240px; left: 545px; }
#field-1-sold                                           { position: absolute; top: 270px; left: 555px; }
#field-2                                                { position: absolute; top: 240px; left: 450px; }
#field-2-sold                                           { position: absolute; top: 273px; left: 455px; }
#field-3                                                { position: absolute; top: 240px; left: 365px; }
#field-3-sold                                           { position: absolute; top: 270px; left: 370px; }
#field-4                                                { position: absolute; top: 240px; left: 290px; }
#field-4-sold                                           { position: absolute; top: 270px; left: 292px; }
#field-5                                                { position: absolute; top: 250px; left: 205px; }
#field-5-sold                                           { position: absolute; top: 280px; left: 205px; }
#field-6                                                { position: absolute; top: 180px; left: 140px; }
#field-6-sold                                           { position: absolute; top: 210px; left: 155px; }
#field-7                                                { position: absolute; top: 120px; left: 180px; }
#field-7-sold                                           { position: absolute; top: 155px; left: 190px; }
#field-8                                                { position: absolute; top: 120px; left: 265px; }
#field-8-sold                                           { position: absolute; top: 155px; left: 272px; }
#field-9                                                { position: absolute; top: 125px; left: 340px; }
#field-9-sold                                           { position: absolute; top: 160px; left: 345px; }
#field-10                                               { position: absolute; top: 140px; left: 420px; }
#field-10-sold                                          { position: absolute; top: 175px; left: 425px; }
#field-11                                               { position: absolute; top: 140px; left: 515px; }
#field-11-sold                                          { position: absolute; top: 168px; left: 516px; }
#field-12                                               { position: absolute; top: 150px; left: 610px; }
#field-12-sold                                          { position: absolute; top: 185px; left: 615px; }
#field-13                                               { position: absolute; top: 225px; left: 670px; }
#field-13-sold                                          { position: absolute; top: 260px; left: 680px; }
#field-14                                               { position: absolute; top: 300px; left: 715px; }
#field-14-sold                                          { position: absolute; top: 329px; left: 722px; }

.contact-text                                           { padding: 10px 0; }
.contact #status                                        { margin: 0 0 10px 0; font-weight: bold; }
.form-left                                              { float: left; }
.form-right                                             { float: right; padding: 10px 10px 0 0; }
.form-right div                                         { float: left; padding-left: 10px; }
.captcha-input                                          { padding-top: 15px; }
.form-right img                                         { border: 1px solid #000 }
.contact form                                           { margin: 10px 0 0 0; }
.contact form input[type="text"]                        { padding: 4px; font-family: arial; font-size: 13px;  }
.contact form .form-left input[type="text"]             { width: 300px; }
.contact form label                                     { display: block; margin: 0 0 5px 0; }
.form-left div, .form-right div                         { margin: 0 0 10px 0; }
.contact form textarea                                  { font-family: arial; font-size: 13px; width: 838px; height: 100px; padding: 4px; }
.contact .long                                          { margin: 0 0 10px 0; }
.contact-bottom .cLeft .b2                              { font-size: 18px; margin: 0 0 10px 0; display: block; }
.contact-bottom .cRight a                               { color: #000 !important; text-decoration: underline }


/*terrains maps*/
#map                                                    {height:315px !important; position:absolute !important; right:0px !important; top:60px !important; width:620px !important; margin:0px !important; padding:0px !important; border:none !important; }
