/*=================================================
// Version   : 1.0
// Project   : Domaine des étangs
// Team      : Delaplace Design
//=================================================*/


/******************************
 * GENERAL ELEMENTS/CLASSES
 ******************************/
body                                                        { background: #222528; color: #7e8783; font-family: arial, sans-serif; font-size: 12px; }
.clear:after                                            { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear                                                  { display: inline-block; }


/******************************
 * PAGES
 ******************************/
#container                                                  { position: relative; width: 980px; margin: 0 auto; }

/***** TOP *****/
#nav                                                        { background: transparent url(../images/nav-bg.png) no-repeat; width: 970px; height: 80px; }
#nav li                                                     { float: left; width: 242px;  padding-top: 15px; text-align: center; }
#nav li a                                                   { font-family: "Times New Roman"; text-transform: uppercase; font-size: 20px; color: #fff; text-decoration: none; text-shadow: #000 1px 2px 0px; }
#nav li a:hover                                             { text-decoration: underline; }
#link02,    #link03                                         { padding-top: 25px !important; }

/***** HEADER*****/
#header                                                     { position: relative; background: transparent url(../images/header.png) no-repeat top left; width: 971px; height: 409px; margin: 30px 0 0 0; overflow: hidden; }
#header h1                                                  { position: absolute; top: 120px; left: 35px; background: transparent url(../images/logo2.gif) no-repeat; width: 223px; height: 117px; text-indent: -9999px; }
#header span                                                { position:relative; top: 235px; left: 35px; color:#FFFFFF; letter-spacing: 1px;}
#header span                                                { font-size:19px; font-family:"Times New Roman"; text-transform:uppercase;}
.language                                                   { float:right; padding: 0 15px 0 0; }
.language a                                                 { text-decoration:none; color:#9e403a; }


#rounded-corners                                            { position: absolute; top: 0; right: 0; z-index: 15; background: transparent url(../images/banner.png) no-repeat; width: 683px; height: 409px;  }
#banners                                                    { position: absolute; right: 0; top: 0; }
#banners img                                                { display: block; z-index: 5; }

/***** CONTENT *****/
#content                                                    { position: relative; top: -30px; z-index:10000;}

#sidebar                                                    { float: left; background: #1e2123 url(../images/sidebar-top.png) no-repeat top left; width: 288px; padding-top: 40px; font-family: "Times New Roman"; color: #fff; }
#sidebar div                                                { margin: 0 25px; padding: 25px 0; border-bottom: 1px solid #272a2d; }
#sidebar h3                                                 { font-size: 20px; text-transform: uppercase; margin: 0 0 10px 0; }
#sidebar ul li                                              { margin: 0 0 5px 0; text-transform: uppercase; font-size: 11px; }
#sidebar ul li a                                            { color: #fff; }
#sidebar ul li a:hover                                      { text-decoration: none; }
#sidebar .last                                              { border: 0; }
#sidebar-footer                                             { background: transparent url(../images/sidebar-bottom.png) no-repeat bottom left; border: 0 !important; margin: 0 !important; }

#main                                                       { float: left; width: 610px; margin: 65px 0 0 40px; text-align: justify; }
#main h2, #concept h2, #terrains h2                         { margin: 0 0 10px 0; font-family: "Times new roman"; color: #fff; font-size: 20px; text-transform: uppercase; }

/***** FOOTER *****/
#footer                                                     { position: relative; clear: both; background: transparent url(../images/footer.png) no-repeat; width: 971px; height: 70px; }
#footer #copyright                                          { position: absolute; bottom: 10px; left: 20px; }
#footer #madeby                                             { position: absolute; bottom: 10px; right: 20px; }
#footer #madeby a                                           { color: #fff; text-decoration: none; font-family: arial; }
#footer #madeby img                                         { position: relative; top: -1px; margin: 0 5px 0 0 }


/*home*/

#home_img                                                   { margin:20px 0 0 35px; }
#news                                                       { padding-top: 20px;}
#news a                                                     { text-decoration: none; color:#ac4742; }
.news_item                                                  { padding-top: 10px;}



/*concept */
#concept                                                   { float: left; width: 880px; margin: 65px 0 0 40px; text-align: justify; }

/* Terrains */
#terrains                                               { float: left; width: 880px; margin: 10px 0 0 0; z-index: 10;}
#terrains h2, #terrains p                               { margin: 0 0 10px 40px;}


/*contact */

.cLeft                                                  { width: 35%; float: left; }
.cRight                                                 { width: 65%; float: left; }
.fleft                                                  {float: left; padding-right:10px;}
.fleft img                                              {height:25px; width:100px; padding-left:10px;}
.captcha input                                          {width : 80px;}
.contact_infos                                          {padding: 10px 0;}

#envoyer                                                { background:url(../images/envoyer.jpg) no-repeat top left; color:#000000; display:block; text-decoration:none; text-indent:16px;}
#sidebar_contact                                        { float: left; background: #1e2123 url(../images/sidebar-top.png) no-repeat top left; width: 288px; padding-top: 40px; font-family: "Times New Roman"; color: #fff; }
#sidebar_contact div                                    { margin: 0 5px; padding: 5px 0; }
#sidebar_contact h3                                     { font-size: 20px; text-transform: uppercase; margin: 0 0 10px 0; }
#sidebar_contact ul li                                  { margin: 0 0 5px 0; text-transform: uppercase; font-size: 11px; }
#sidebar_contact ul li a                                { color: #fff; }
#sidebar_contact ul li a:hover                          { text-decoration: none; }
#sidebar_contact .last                                  { border: 0; }
.box a                                                  { color:#ffffff !important; text-decoration:none !important;}
#message, #mail, #name                                  { width: 250px; }