/* CSS Document */
body {padding:0; margin:0; background: #fff url(../images/mainbg.jpg) 0 0 repeat-x; color:#705D20; font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, form, img {padding:0; margin:0; border:none}
ul{list-style-type:none;}

a{color:#5E9908; text-decoration:underline;}
a:hover{color:#5E9908; text-decoration:none;}

a.top-btn { margin-top: 10px; position: relative; left: 88%; display: block; width: 35px; text-indent: -5000px; background: url(../images/top.gif) no-repeat; }
a.top-btn:hover { background: url(../images/top-hover.gif) no-repeat; text-decoration: none;}

.left {float:left; margin:0 6px 6px 0;}
.right {float:right; margin:0 0 6px 6px;}

div.hr {height: 64px; background: transparent url(../images/tree.jpg) no-repeat scroll center;}
div.hr hr {  display: none;}

#top{width:848px; height:231px; position:relative; margin:0 auto;} 

#topHeader {width:485px; height:231px;}
#topHeader img {height:137px; display:block; position:absolute; top:93px; left:0;}
#topHeader ul{width:100%; height:59px; position:absolute; top:31px}
#topHeader ul li {background:url(../images/menu-div.gif) 100% 0 no-repeat; float:left; padding:0 18px; font-size:110%} 
#topHeader ul li a {background: transparent; color:#88763D; text-align:center; font-weight:bold; line-height:59px;}
#topHeader ul li a:hover, { background:text-decoration:none; font-weight:bold;}
#topHeader ul li.active {background:url(../images/company-bg.jpg) 50% 0 no-repeat; text-decoration:none; line-height:59px;text-align:center; font-weight:bold;}
#topHeader ul li.client { background:none; float:left;text-align:center;} 

#topright{width:359px; height:218px; background:url(../images/rightsidebg.jpg) 0 0 no-repeat; position:absolute; top:13px; right:0px;}
#topright ul{width:320px; height:49px; display:block; margin:16px 0 0 16px;}
#topright ul li{width:104px; height:49px; border-right:1px dashed #C1B79A; float:left;}

#topright ul li.home{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon1.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0;}
#topright ul li.home a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon1.gif) 50% 0 no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#topright ul li.home a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon1.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}

#topright ul li.lien{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon2-hover.gif) 50% 20% no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}
#topright ul li.lien a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#topright ul li.lien a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon2-hover.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}

#topright ul li.contact{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon3-hover.gif) 50% 20% no-repeat #fff; color:#81BE28; border:none; padding:29px 0 0; text-decoration:none;}
#topright ul li.contact a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon3-normal.gif) 50% 20% no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
#topright ul li.contact a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(../images/icon3-hover.gif) 50% 20% no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}


ul.demo-stream, .demo-stream ul, ul.demo-stream li, .demo-stream li{list-style: none;margin:0;}
ul.demo-stream li {float:left; padding: 8px 27px 8px 0; text-align: center; background:none}
ul.demo-stream img { width:128px; height:85px; border:solid 1px #dadada}



/*----/TOP----*/

/*----BODY----*/
#body {width:848px; position:relative; margin:0 auto;}


/*----BODY LEFT ----*/
#bodyleft {width:480px; float:left; margin-top:30px}
#bodyleft h2 {font:30px Georgia, "Times New Roman", Times, serif; color:#006EA6; margin-bottom:2px;}
#bodyleft h3 {font:24px Georgia, "Times New Roman", Times, serif; color:#5E9908; margin-bottom:2px;}
#bodyleft h4 {font:16px Georgia, "Times New Roman", Times, serif; color:#705D20; margin-bottom:2px;}

#bodyleft p {margin-bottom:8px;}

li.list {background: url(../images/listbg.gif) 0 50% no-repeat; padding: 5px 0 3px 24px; margin:0 0; color:#006EA6}

.multi-list {color:#5EA000; margin:14px 8px 8px; padding:0;}
.multi-list li {margin-top:6px}
.multi a {color:#5EA000; text-decoration:none; background:url(../images/link.gif) 0 50% no-repeat; padding-left:14px;}
.multi a:hover {text-decoration:underline; background:url(../images/link-hover.gif) 0 50% no-repeat; padding-left:14px}


/* 
.list ul { margin:20px 0;}
.list ul li {height:24px; margin:0; padding:3px 0 0 12px; background:url(../images/reedmore-bg.gif) 0 50% no-repeat;}
.list ul li.more {height:24px; float:left;}
.list ul li a {height:24px; background:url(../images/reedmore-bg.gif) 0 50% no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:20px; padding:0 0 0 28px}
.list ul li a:hover { text-decoration:none;}
*/

/*----/BODY LEFT----*/


/*----BODY RIGHT----*/
#bodyright{width:359px; float:right;}


/*----actu----*/
#actu{width:359px; background: url(../images/actubg.gif) 0 0 repeat-y; padding:10px 8px 8px 18px}
#actu h2 {width:230px; height:37px; display:block; background:url(../images/feuille.gif) 0 0 no-repeat; color:#5EA000; font:26px Georgia, "Times New Roman", Times, serif; padding:0 0 0 36px; margin:0;}
#actu h2 span {color:#017FC0;}
#actu h3 { margin-bottom:6px; padding-right:25px}
#actu p { width:330px; margin :0 0 8px 0}

#actu p.boldbrowntext{font-size:16px; font-weight:bold; padding:4px 25px 0 34px;}
#actu p.bluetext{color:#007EC1; font-style:italic;}
#actu p.largebrowntext{font-size:30px; padding:10px 25px 10px 34px;}

p.link {margin:8px; padding:0;}
p.link a {color:#5EA000; text-decoration:none; background:url(../images/link.gif) 0 50% no-repeat; padding-left:14px}
p.link a:hover {text-decoration:underline; background:url(../images/link-hover.gif) 0 50% no-repeat; padding-left:14px}

#topactu {width:359px; height:21px; background:url(../images/topbg.gif) 0 0 no-repeat;}
#bottom {width:359px; height:25px; background:url(../images/bottombg.gif) 0 0 no-repeat; padding:10px 0 0;}
/*----/actu----*/

/* Formualire de contact */
#contact form{width:321px; height:76px; background:#FCF6E6; color:#705D20; position:relative; border:1px dashed #BFB492; margin:0 0 0 18px; padding:6px 0 0;}
#contact form label{width:91px; height:22px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0;}
#contact form input{width:130px; height:18px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}

#contact form input.button{width:49px; height:52px; display:block; position:absolute; top:6px; right:16px; background:url(../images/button.gif) 0 0 no-repeat #FCF6E6; border:none; color:#fff; margin:9px 0 0; font:16px/52px; text-align:center; padding:0px;}

#contact ul{width:323px; height:25px; margin:6px 0 0 18px;}
#contact ul li{width:166px; height:25px; float:left;}
/*-- /formulaire --*/


/*-- Footer --*/
#footermain{height:56px; background:#274c16 url(../images/footerbg.jpg) 0 0 repeat-x; clear:both; padding:40px 0 0;}
#footer{width:848px; position:relative; margin:0 auto;}
#footer p {color:#fff; font:12px/16px; text-align:center; }
#footer a { padding:0 10px 0; color:#fff; background: url(../images/footermenubg.gif) 0 0 repeat-x; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*----Services----*/