/* @override http://www.watimberdecking.com.au/dev/squelettes/habillage.css */

/* CSS */

/* RESET */

* {	margin: 0;	padding: 0;	outline: 0; }
p{ margin: 15px 0 15px 0; line-height:1.25em; }
i{ font-style: italic; }
strong{ font-weight: bold; }
h1{ font-size: 20px; font-weight:normal; color:#699a56; }
h2 { color: #46503e; padding-bottom: 3px; font-size:20px; font-weight: normal; width:90%; }
h3{ font-size:12px; font-weight: bold; margin: 20px 0 20px 0; }
#gallery_inner h3 { color:#b74d2e; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0; font-weight:bold; }
#gallery_inner h4 { color:#6a9b57; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
#gallery_inner h5 { color:#a69885; font-size:14px; font-weight:bold; margin-top:20px; margin-bottom:6px; }
#gallery_inner p{ margin: 0 0 10px 0; line-height:1.3em; }
ol li{ list-style: decimal; margin-left: 25px; }
ul li{ list-style: disc; margin-left: 25px; list-style-type:square; margin-bottom:6px; }
a { color:#A65D40; text-decoration:underline; }
a.hover, a.visited { color:#6B311B; }
a.spip_in { color:#aa4e2f; text-decoration:none; }
.spip_in a:visited, a:hover { text-decoration:underline;}
a.spip_out { color:#aa4e2f; text-decoration:none; }
.spip_out a:visited { text-decoration:underline; }
.spip_out a:hover { text-decoration:underline; }
a img { border: none; }
td h3 { padding:0; margin:0; }

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

body { height: 100%; font-family: "Helvetica"; font-size:12px; background-image: url(images/content_bg.gif); background-repeat: no-repeat; background-position: top center; background-color: #fff; color: #46503e; }

body#intro { background-image: url(images/intro_bg.gif); }

#page { width: 975px; margin: 0 auto; }

#intro #page { width: 622px; margin: 0 auto; }
#intro h1 { font-size:24px; color:#4c7a3a; }
#intro p { font-size:14px; color:#4c7a3a; }

#home #page { background-image:url(images/leaf.gif); background-repeat:no-repeat; background-position:26px top; }
#gallery #page { background-image:url(images/leaf.gif); background-repeat:no-repeat; background-position:26px top; }
#gallery p {  margin: 0 0 10px 0; }
#gallery_inner #page { background-image:url(images/leaf.gif); background-repeat:no-repeat; background-position:26px top; }

#hd { position: relative; height:119px }

#logo { float:left; overflow:auto; margin-top:25px; margin-left:4px; }
#intro #logo { float:left; overflow:auto; margin-left:35px; margin-top:0px; }

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

body.hasJS #nav { min-width: 740px; }
#nav { min-width: 740px; height: 24px; float: left; margin-left: 16px; padding-top: 57px; padding-bottom:2px; border-bottom: solid 1px #889384; background-color:#fff; }

#nav li a.top { font-size: 12px; font-weight: bold; text-decoration: underline; font-family: Helvetica; }
#nav ul { padding-left: 17px; }
#nav li { float: left; padding-right: 8px; position: relative; list-style:none; margin-left: 0px; }
#nav li a, #nav a:link, #nav a:visited { color: #899485; text-decoration: none; }
#nav li a:hover { text-decoration: none; }
#nav li ul { margin: 0; padding: 0; }
#nav li ul li { float: none; padding-right: 0; }

body.hasJS #nav li a.top, body.hasJS #nav li.open a.top { font-size: 12px; font-weight: bold; text-decoration: none; display: block; padding: 6px 14px 7px 14px; font-family: Helvetica; }
body.hasJS #nav li { float: left; position: relative; padding-right: 0; }
body.hasJS #nav li.open { float: left; position: relative; background-color: #699a56; }
body.hasJS #nav li.open a { color: #fff; }
body.hasJS #nav li ul li a:hover { background-color: #a8d493; }
body.hasJS #nav li ul { position:absolute; top:26px; left: 0; background-color: #fff; min-width: 200px; width: 200px; display: none; margin: 0; border: solid 1px #f2f2f2; }
body.hasJS #nav li.open ul { display: block; z-index: 5000000; }
body.hasJS #nav li ul li { float: none; padding:0; margin:0; border-bottom: solid 1px #7ea46c; font-size: 11px; }
body.hasJS #nav li.open ul li a { color: #4b6342; display:block; width:185px; height:18px; padding:7px 5px 0 0; padding-left:10px }

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

#con { width: 100%; overflow: auto; margin-left:22px; }
#gal_con { width: 100%; overflow: auto; margin-left:22px; }
#gal_con1 { width: 864px; overflow: auto; margin-left:90px; background-color:#f0eceb; margin-top:19px; }
#gallery #con { height:168px; }
#gallery_inner #con { height:110px; }

#intro #con_left { float:left; overflow: auto; width: 290px; text-align: left; position: relative; margin-top:76px; }
#con_left { float:left; overflow: auto; width: 510px; text-align: right; position: relative; }
.con_left { float:left; overflow: auto; width: 520px; text-align: right; position: relative; height:248px; }
.con_left img { padding-right:20px; }
#title { text-align: right; width: 510px; }
#small_images a img { padding: 5px; }
#small_images { padding-top: 15px; }
#intro_image { margin-top:210px; }
.gal_left { float:left; width:450px; padding: 26px 0 10px 40px; }
#leaves_main { position:absolute; top:20px; left:2px; z-index:50; }

#buttons { padding-top:20px; }
#buttons ul li{ list-style: none; margin: 0px; padding:0px; }

#home #about-top { width: 300px; margin-left: auto; }
#home #about-bottom { overflow: auto; }
	#home #small_images { padding-top: 20px; float: left; width: 131px; padding-left: 165px; }
	#home #buttons  { width: 214px; float: left; }

#intro #con_right { width: 300px;  float: left; overflow: auto; padding-left: 30px; margin-top:106px; }
#con_right { width: 450px;  float: left; overflow: auto; padding: 28px 0 0 15px; }
.con_right { width: 440px;  float: left; overflow: auto; padding-left:5px; position:relative; height:248px; }
#article_title { padding-bottom: 10px; }
#scroll { height: 365px; padding-bottom: 20px; }
#intro_button { padding-top:10px; }
.gal_right { float:left; width:295px; padding: 26px 0 10px 45px; }


/***** Image Gallery ******/

.leaf { position:absolute; z-index:500; top:178px; text-align:center; }
.con_left .leaf { right:0px; }
.con_right .leaf { right:31px; }
.leaf a { background-image:url(images/gal_home_leaf.png); background-repeat:no-repeat; background-position:0 0; width:173px; height:47px; display:block; padding-top:23px; font-size:16px; color:#FFF; text-decoration:none; }
.leaf a:hover { background-position:0 -73px; }
#projects { margin-left:120px; margin-top:-20px; position:absolute; z-index:500; height:66px; }
.projects { width:31px; display:block; background-image:url(images/gal_leaf.png); background-repeat:no-repeat; background-position:top left; height:43px; float:left; text-align:center; padding-top:23px; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; }
.projects:hover { background-position:-31px 0; text-decoration:none; }
#choose { float:left; padding-top:23px; padding-right:5px; }

.gallery_photo { float: left; width: 92px; overflow:hidden; display: block; padding:5px; margin-bottom:-20px; }
#left_button { float:left; margin-top: 26px; }
#left_button p a { width: 20px; height: 22px; background-image: url(images/slide_button.gif); background-repeat: no-repeat; background-position: top right; display:block; text-decoration:none; }
#left_button p a:hover { background-position: bottom right; }
#right_button p a { width: 20px; height: 22px; background-image: url(images/slide_button.gif); background-repeat: no-repeat; background-position: top left; display:block; text-decoration:none; }
#right_button p a:hover { background-position: bottom left; }
#right_button{ float: right; margin-top: 26px; margin-right:2px;}
#full_gallery{ height: 80px; margin-top: 20px;}
#gallery_outter { width: 408px; height: 80px; overflow: hidden; position: relative; float: left;}
#gallery_in { position: absolute; left: 0; top: 0; height: 80px; width: 2000px;}

/***** End Gallery *****/

/**** Footer ****/

#ft { width: 510px; text-align: right; padding-top: 40px; padding-bottom:10px; padding-left:20px; font-size: 11px; }
#ft a { color:#aa4e2f; text-decoration:none; }
#ft a:hover{ color: #666;	text-decoration: none; }
#ft_link { color: #a89b88; }
#ft_link:hover { color: #666; }

/**** 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: 159px; }
.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: 440px; padding-top: 20px; }
.spip_form_champ input,
.spip_form_champ select,
.spip_form_champ textarea { width: auto; border: 1px solid #D5CDC3; margin: 0 0 10px 4px; padding: 3px; }
.spip_form_champ select { width:257px; }
.spip_form_champ input { float: left; display:block; width: 250px; }
.form_3 .spip_form_label { width: 130px;}
.form_3 .spip_form_champ input { width: 290px; }
.spip_form_champ textarea {	width: 420px; height: 50px; }
.spip_bouton { float: left; }
.spip_bouton input { font-size: 11px; background-color: #695D54; color: #fff; margin: 2px; border: none; }
.spip_bouton input:hover { background-color: #D5CDC3; cursor: pointer; color:#333; }
.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; }