/* CSS Document created by Anagramme - October 2007 */

html{height: 100%;}
body{height: 100%; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; background: #F9ECD6 url(../images/bg/bg_body.jpg) 0 0 repeat-x;}

/* *************************************************************
EVERYTHING EXCEPT THE FOOTER
************************************************************* */
#nonFooter{position: relative; min-height: 81%; width: 760px; margin: 0 auto; z-index: 10;}
* html #nonFooter{ height: 82%; z-index: 10;}


/* *************************************************************
MAIN CONTENT
************************************************************* */
#content{ width: 760px; margin: 0; padding: 0 0 0 0; float: left;}


/* *************************************************************
HEADER
************************************************************* */
#header{ float: left; width: 760px; margin: 6px 0 10px 0;}
#header #logo{ float: left; width: 140px; margin: 10px 0 0 10px; display: inline;}

#header #text{ float: left; margin: 25px 0 0 35px; width: 275px; display: inline;}
#header #text h1{ font: 210% "Times New Roman", Times, serif; font-weight: bold; color: #CC6600; margin: 0; padding: 0;}
#header #text h2{ font: 150% "Times New Roman", Times, serif; font-weight: normal; color: #285619; margin: 0; padding: 0;}

#header ul{ float: right; list-style: none; width: 260px; margin: 10px 10px 0 0; text-align: left; padding: 0; display: inline;}
#header li{ background: url(../images/icons/icon_leaves.gif) 0 2px no-repeat; font-size: 70%; padding: 0 0 0 26px; line-height: 220%; margin: 0; width: 235px; float: left; clear: both;}


/* *************************************************************
GROUPE NAVIGATION
************************************************************* */
#group_nav{ float: right; width: 260px; margin: 0; padding: 0;}
#group_nav select{float: right; font-size: 70%; padding: 1px;}


/* *************************************************************
NAVIGATION
************************************************************* */
#navigation{ float: left; width: 760px; background: #EEDFC6 url(../images/bg/nav_bg.gif) 0 0 repeat-x; border-width: 1px; border-style: solid; border-color: #EEDFC6 #EEDFC6 #996600 #EEDFC6;}
#navigation ul{ float: left; list-style: none; margin: 0; padding: 0;}
#navigation li{ float: left; padding: 0; margin: 0; color: #996600; letter-spacing: -0.03em;}
#navigation li a{padding: 6px 13px; border-right: 1px solid #fff; border-left: 1px solid #EEDFC6; float: left; color: #996600; text-decoration: none;}
#navigation li a:hover{color: #996600; background-color: #EEDFC6;}
/* #navigation a.accueil{ border-left: none;} */
#navigation a.active{ background-color: #fff;}

#navigation p{ width: 200px; float: right; text-align: right; font-size: 70%; margin: 8px 10px 0 0; padding: 0; color: #996600; display: inline;}


/* *************************************************************
BODY CONTENT WRAP
************************************************************* */
#bodyWrap{ float: left; padding: 0; width: 760px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #F9EBD4; background: #fff url(../images/bg/bg_bodyWrap.jpg) bottom left repeat-x;}


/* *************************************************************
HOMEPAGE
************************************************************* */
#flash{ float:left; width: 748px; height: 350px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #F9EBD4; background: #fff url(../images/bg/bg_bodyWrap.jpg) bottom left repeat-x; padding: 10px 0 0 10px}

/* *************************************************************
PROCESS
************************************************************* */
.process{ float: left; margin: 10px 0 0 10px; background: url(../images/bg/bg_process.jpg) 0 151px repeat-x; width: 240px; display: inline;}
.process img{float: left; margin: 0; clear: both;}
#bodyWrap .process h2{font-size: 95%; padding: 0; margin: 10px 10px 5px 10px; font-weight: normal; color: #336600; line-height: 140%;}
#bodyWrap .process p{font-size: 70%; padding: 0; margin: 0 10px 10px 10px; color: #663300; line-height: 160%; clear: both; width: 220px; float: none;}
#bodyWrap .process ul{ width: 200px;}


/* *************************************************************
MAIN CONTENT
************************************************************* */
#bodyContent{ float: left; width: 360px; padding: 15px 15px 0 15px; margin: 0; display: inline;}
#subContent{ float: right; width: 330px; padding: 0; margin: 15px 15px 0 0; display: inline;}
#subContent img{ border: 1px solid #CC9900; margin-bottom: 20px;}


/* *************************************************************
NORMAL PAGES
************************************************************* */
#bodyWrap h2{font-size: 130%; padding: 0; margin: 0 0 10px 0; font-weight: normal; color: #336600; display: inline; float: left; line-height: 100%;}
#bodyWrap h3{font-size: 110%; padding: 0; margin: 10px 0 10px 0; font-weight: normal; color: #FF6600; display: inline; float: left;}
#bodyWrap p{font-size: 70%; padding: 0; margin: 0 0 10px 0; color: #663300; line-height: 160%; clear: both; float: left; width: 100%; text-align:justify;}

#bodyWrap .image{ float: left; margin: 0; clear: both;}

#bodyWrap a{ color: #990000;}
#bodyWrap a:hover{ color: #FF0000;}
#bodyWrap ul{ margin: 0 0 10px 0; float: left; padding: 0 0 0 30px; width: 330px;}
#bodyWrap li{font-size: 70%; padding: 0; margin: 0; color: #CC6600; line-height: 160%; clear: both; text-align: justify;}


/* *************************************************************
CONTACT PAGE
************************************************************* */
#bodyWrap form { margin: 20px 0 0 0; }
#bodyWrap form p{ margin: 0 0 2px 0; padding: 0; float: left;}
#bodyWrap form label{ float: left; width: 80px;}
#bodyWrap .txt{ font-size: 110%; width: 255px;}
#bodyWrap textarea{ font: 110% Arial, Helvetica, sans-serif;}
.button{ margin: 10px 0 0 0; float: left; width: 120px; height: 48px;}
.button:hover{ margin: 11px 0 0 1px; height: 47px;}

#map{ border: 1px solid #CC9900; }

#subContent dl{ float: left; width: 315px; padding: 10px 15px; margin: 20px 0 0 0; clear: both; display: inline; background: url(../images/bg/bg_process.jpg) 0 -60px repeat-x; border: 1px solid #F5DDB8;}
#subContent dt, #subContent dd{ float: left; padding: 0; margin: 0 0 0 0; font-size: 75%; line-height: 170%;}
#subContent dt {width: 70px; clear: both; color: #336600; text-transform: capitalize;}
#subContent dd {width: 190px; color: #996600;}


/* *************************************************************
ALERT BOX
************************************************************* */
#alertBox{border: 1px solid #FF9900; padding: 10px 0; margin: 10px 0 20px 0; background-color: #FFF1DD; width: 99%; text-align: left; float: left;}
#alertBox h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #FF3300; border: none;}
#alertBox p{color: #000; font-size: 70%; padding: 0; margin: 0 0 0 10px; line-height: 180%; clear: none; width: auto;}


/* *************************************************************
GENERAL STYLES
************************************************************* */
.clearSpace{ float: left; clear: both; height: 10px; margin: 0 0 5px 0 ; font-size: 0; width: 100%;}
#bodyWrap p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}


/* *************************************************************
FOOTER
************************************************************* */
#footerNav ul{ width: 680px; float: left; list-style: none; margin: 10px 0 0 40px; padding: 10px 0 0 0; border-top: 1px solid #E7D4B2;}
#footerNav li{ float: left; padding: 0; margin: 0; color: #996600; font-size: 65%; padding: 0 13px; border-right: 1px solid #C99E50;}
#footerNav a{color: #996600; text-decoration:none;}

#footerNav a:hover{color:#D56A00; text-decoration: underline;}


#footer{ position: relative; height: 441px; padding: 0 0 0 0; margin-top: -281px; width: 100%; text-align: center; background: url(../images/pics/pic_footer.jpg) bottom right no-repeat;}