/* @override http://monkey.local/watimberdecking.com.au/squelettes/habillage.css */

/* CSS */

/* RESET */

* {	margin: 0;	padding: 0;	outline: 0; }
p{ margin: 15px 0 15px 0; line-height:1.5em; }
i{ font-style: italic; }
strong{ font-weight: bold; }
h1{ font-size: 16px; font-weight:normal; color:#707172; }
#page7 h1 { padding-bottom:8px; }
h2 { color: #707172; font-size:14px; font-weight: normal; line-height:1.5em; }
h3{ font-size:11px; color:#fff; font-weight: bold; padding: 5px 5px 5px 10px; background-color:#003763; }
ol li{ list-style: decimal; margin-left: 25px; }
ul li{ list-style: disc; margin-left: 25px; list-style-type:square; margin-bottom:6px; }
a, a:visited { color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
a.spip_in, a.spip_in:visited { color:#000; text-decoration:none; }
a.spip_in:hover { text-decoration:underline;}
a.spip_out { color:#000; text-decoration:none; }
a.spip_out:visited { text-decoration:none; }
a.spip_out:hover { text-decoration:underline; }
a img { border: none; }

html { background-color: #fff; height: 100%;  }

body { font-family: "Helvetica"; font-size:11px; background:url(images/link_bg.gif) repeat-x; background-position:top; color:#003763; overflow:auto; }
#intro { background:url(images/html_bg.gif) repeat-x; }

#container { width:100%; overflow:auto;  background-repeat:repeat-x; background-position:top center; }
#page3 #container { background-image:url(images/company_bg.jpg); }
#page4 #container { background-image:url(images/buildings_bg.jpg); }
#page5 #container { background-image:url(images/services_bg.jpg); }
#page6 #container { background-image:url(images/faq_bg.jpg); }
#page7 #container { background-image:url(images/news_bg.jpg); }
#page8 #container { background-image:url(images/links_bg.jpg); }
#page9 #container { background-image:url(images/contact_bg.jpg); }

#page { width: 955px; margin: 0 auto; overflow:auto; }
#intro #page { background-image:url(images/home_page_bg.gif); background-repeat:no-repeat; background-position:right 158px; }

#hd { position: relative; overflow:auto; height:115px; margin-top:162px; }
#link_logo { float:left; width: 269px; height:115px; margin-left:50px; }

/****** Menu ******/

#nav { float: left; width:538px; margin-left:50px; color:#0162af; padding-top:52px; }
#intro #nav { float: left; margin-left: 35px; padding-top: 92px; width:auto; }

#nav ul { overflow:auto; }
#nav li { font-size: 10px; font-weight:bold; position: relative; list-style:none; float:left; margin-left:0; }
#intro #nav li { float:none; }
#nav li a, #nav a:link, #nav a:visited { color: #003763; text-decoration: none; }
#nav li a:hover { text-decoration: none; color:#0162af; }
#nav .seperator { width:27px; }
#intro #nav .seperator { display:none; }


#sub_nav { background:url(images/sub_bg.gif) no-repeat top left; height:363px; padding-left:40px; padding-top:30px; font-size:10px; color:#fff; }
#sub_nav a { color:#003763; }
#sub_nav a:hover { color:#fff; text-decoration:none; }
#sub_nav li { list-style-image:url(images/bullet.gif); margin:17px 0 0 14px; }
#sub_nav li.on { list-style-image:url(images/bullet_on.gif); }

/****** End Menu ******/

#con { overflow:auto; background-color:#fff; width:889px; padding:0 17px; float:right; min-height:395px; }
#intro #con { overflow:auto; background:none; width:auto; padding:0; float:non; min-height:auto; }

#con_left { float:left; overflow: auto; width: 269px; position: relative; }
#intro #con_left { width: 671px; }

#con_right { width: 540px;  float: left; overflow: auto; position:relative; margin-left:16px; background-color:#f0f1f1; padding:24px 32px 15px; min-height:354px; }
#intro #con_right { width: 284px; margin-left:0; background:none; padding:0; }
#title { padding-bottom:25px; }

#con_right2 { width: 604px;  float: left; overflow: auto; position:relative; margin-left:16px; background-color:#fff; min-height:354px; }
#con_right2 #title { padding-bottom:12px; }
.buildings { background-color:#f0f1f1; margin-bottom:15px; padding:18px 0; overflow:auto; clear:both; }
#buildings_title{ width: 540px; padding:24px 32px 15px; }
.b_left { width:288px; height:213px; background-color:#f9f9f9; float:left; }
.b_right { width:306px; padding-left:10px; float:left; }
.b_right p { padding-left:10px; width:265px; }
.download { overflow:auto; }
.download_div { margin-left:10px; background:url(images/download.gif) no-repeat; height:19px; padding-top:5px; float:left; }
.download a { margin-left:19px; padding:1px 4px 0; background-color:#abafb2; color:#fff; } 

.slider { overflow:auto; clear:both; margin-top:10px; }
.button_left { float:left;  }
.button_right { float:left; }
.button_right span a { width: 10px; height: 47px; background-image: url(images/slide_sprite.gif); background-repeat: no-repeat; background-position: top right; display:block; text-decoration:none; }
.button_right span a:hover { background-position:bottom right; text-decoration:none; }
.button_right span.end a { background-position: bottom right; cursor:default; }
.button_right span.end a:hover { background-position: bottom right; cursor:default; }
.button_left span a {  margin-right:5px; width: 10px; height: 47px; background-image: url(images/slide_sprite.gif); background-repeat: no-repeat; background-position: top left; display:block; text-decoration:none; }
.button_left span a:hover { background-position: bottom left; text-decoration:none; }
.button_left span.end a { background-position: bottom left; cursor:default; }
.button_left span.end a:hover { background-position: bottom left; cursor:default; }
.thumbs_full { width:260px; height:47px; overflow:hidden; position:relative; float:left; }
.thumbs_in { position: absolute; left:0; width: 2000px; height: 47px;}
.thumb { height:47px; width:47px; padding-right:5px; float:left; }

#n_left { float:left; width:113px; font-size:11px; }
#archive { padding-bottom:24px; }
#n_left a { color:#003763; }
#n_left a:hover { color:#707172; text-decoration:none; }
#n_right { float:left; width:425px; }
.date { font-size:11px; color:#003763; border-bottom:solid 1px #003763; margin-bottom:15px; }
.blog_entry p { margin: 0 0 25px; }

#site { overflow:auto; clear:both; font-size:11px; padding-bottom:20px; }
#site_left { float:left; width:185px; color:#707172; }
#site_right { float:left; width:300px; }
#site_right a { color:#003763; }
#site_right a:hover { color:#0162af; }

/**** Footer ****/

#ft { width: 510px; color:#88b6da; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:20px 18px; clear:both; margin-left:348px; }
#intro #ft { margin-left:0; }
#ft a, #ft a:visited { color:#88b6da; text-decoration:none; }
#ft a:hover{ color: #0162af; text-decoration: none; }

/**** End Footer ****/



/* FORMS */
fieldset { border: none; background: none; }
legend { display: none; }
.spip_form_label { display: block; clear: both; margin-left: 4px; font-size: 12px; font-weight: normal; float: left; width: 162px; }
.spip_form_label span { font-weight: normal; font-size: 100%; }
.spip_form_label .spip_form_label_obligatoire { font-size: 12px; color: #CC0000; }
.spip_form_label_details { display: none; }
.spip_form_ok { font-size: 12px; font-weight: normal; padding: 5px 0px 0px 5px; color: #777; }
.spip_form_champ { width: 486px; overflow:auto; clear:both; }
.spip_form_champ input,
.spip_form_champ select,
.spip_form_champ textarea { background: #fff; border: 1px solid #113d5a; margin: 0 0 10px 4px; padding: 3px; float: left; display:block; width: 300px; }
.form_3 .spip_form_label { width: 130px;}
.form_3 .spip_form_champ input { width: 290px; }
.spip_form_champ textarea {	height: 50px; }
.spip_bouton { float: right; margin-right:60px; }
.spip_bouton input { font-size: 11px; background-color: #003763; color: #fff; margin: 2px; padding:3px 5px; border: none; }
.spip_bouton input:hover { background-color: #0162af; cursor: pointer; }
.spip_forms .spip_form_champ .champ_obli_oubli { border: 1px dotted #C00; background-color: #FFEFEF; }
.spip_forms .spip_form_label_details { display: none; }
.spip_forms .erreur { color: #C00; margin-left: 4px; font-size: 11px; padding-top: 1px; }
.required { width: 120px; text-align: right; float: right; color: #d70000; font-size: 11px; margin-right: 25px; }
.textestatique_1 { color: #d70000; }
.spip_form_choix_unique input {	width: auto; }