*{margin:0; padding:0;}
body {background-color:#719367; margin: 0; color: #000; font:11px  Verdana, Tahoma, sans-serif; height:100%;}

table{background-color:none;}		
td{vertical-align:top;}
img{border:none;}	
p{margin:5px 15px 15px 15px; text-align:left;}
	
a:link, a:visited, a:active{color:#c66b61; text-decoration:none;}		
a:hover{color:#c66b61; text-decoration:underline;}
	
h1, h2{padding:5px 10px 0 15px;color:#506849;font-family:Verdana, Tahoma, sans-serif;}
h1{font-size:16px;}
h2{font-size:12px; padding:10px 0 6px 15px;}
	
ul{margin: 20px 10px 10px 5px;list-style:none;}		
li{background:url(images/bullet2.gif) no-repeat 20px 4px; margin-top:5px; padding-left:40px; LIST-STYLE-POSITION: outside;}

.title1{font-family:Tahoma, Verdana, sans-serif;color: #506849; font-size: 12px; font-weight: bold;}
.title2{font-family:Tahoma, Verdana, sans-serif;color: #506849; font-size: 11px; font-weight: bold;}
.title1 a:link, .title1 a:visited, .title1 a:active {text-decoration:underline;color: #c66b61;}
.title1 a:hover { text-decoration:none;color: #c66b61;}
.firstP{padding-top:15px;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.clearHeight{font-size:1px;}
.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.btn{width:124px; float:right; padding:15px 20px 5px 10px;}

/* ================================================================================================*/

	
#container1{width: 765px; margin: 0 auto; text-align: left; background:#719367 url(images/bg1.gif) repeat-y; height:100%; overflow:hidden;}
*html #container1{height:auto;}

#containerleft{float:left; width:178px;}
#container3{float:right; width:577px;}
#container4acc{float:right; width:577px; height:294px; background:url(images/topaccueil.jpg) no-repeat;}
#container4{float:right; width:577px; height:191px; background:url(images/toppages.jpg) no-repeat;}
#container5{float:right; width:577px;height:20px;background-color: #66845d;}
#container6{float:right; width:577px; height:100%;}
#container6acc{float:right; width:577px; height:auto;}

#container7acc{float:left; width:244px; height:21px;background-color:#FFF;}
#container7{float:right; width:577px; background-color:#FFF;}

#container8acc{clear:both; float:left; background:#d0ddcc url(images/box1bg.gif) repeat-y; width:244px; height:100%;}
*html #container8acc{height:auto;}
#container8acc li{background:url(images/bullet1.gif) no-repeat 20px 3px; margin-top:4px; padding-left:40px; LIST-STYLE-POSITION: outside;color:#587350; }
#container8{ float:right; background-color:#FFF; width:577px; height:100%;}
*html #container8{ height:auto;}
#container8 img{float:right;border:#aacba0 1px solid; margin:15px 15px 5px 15px;}
#container8proc{float:right; background-color:#FFF; width:545px; height:100%; padding:10px;}
#container8color{float:right; background-color:#FFF; width:557px; height:100%; padding:8px;}
#container8photos{float:left; background-color:#FFF; width:557px; height:100%; padding:10px;}
#container8prod{float:left;}
#prodth{float:left; width:300px;padding-left:150px;}
#photosth{float:left; width:400px; padding-left:100px;}

/*#procede0{float:left; width:430px; padding-left:50px; margin-left:15px; background-color:#d0ddcc; padding-bottom:5px;}*/

#procede0{float:left; width:482px; margin-left:15px; background-color:#d0ddcc; padding-bottom:5px; height:100%;}
.procede1_2{float:left; margin: 10px 10px 10px 10px; border:solid 1px #aacba0; padding-bottom:5px;  background-color:#FFF;}
.procede1_2 p{text-align:center; }
.procede1, .motifs1, .bord1, .bord2{float:left; margin: 10px 20px 10px 15px; border:solid 1px #aacba0; padding-bottom:5px;  background-color:#FFF;}
.procede1 p, .motifs1 p, .bord1 p, .bord2 p, .photos1 p{margin:3px; text-align:center; font-size:10px;}
.motifs1 img, .bord1 img, .bord2 img{border-bottom:#aacba0 solid 1px;}
.procede1, .motifs1{width:134px;}
.bord1{width:126px;}
.bord2{ width:232px;}
.procede1 p{height:2em;}
.motifs1 p{height:2.5em;}
.bord1 p{height:6em;}
.bord2 p{height:3.8em;}
.bordtitle{clear:both; float:left;}
.photos1{width:220px;float:left; margin: 10px 15px 10px 20px; border:solid 1px #aacba0; background-color:#FFF; font-size:1px;}

.color1{float:left; margin: 10px 0 10px 0; border:solid 1px #aacba0; padding-bottom:5px;  background-color:#FFF;}
.colors12{float:left; width:270px; height:100px; background-color:#fff; border:solid 1px #aacba0; margin: 10px 5px 10px 0 ;}
.colors12 p{padding-left:0;}
.colors12 h2{padding-left:5px;}
.colorblock{float:left; width:120px; margin:0 0 0 5px;}
#color1, #color2, #color3, #color4, #color5, #color6, #color7, #color8, #color9, #color10, #color11, #color12, #color13, #color14, #color15, #color16 {width:115px; height:29px; border:#aacba0 solid 1px; margin:2px; padding:0;}
#color1{float:left;background-color:#ab7d6f;}
#color2{ float:right;background-color:#a7736a;}
#color3{ float:left;background-color:#a69475;}
#color4{ float:right;background-color:#ae8b64;}
#color5{ float:left;background-color:#898b82;}
#color6{ float:right;background-color:#546c69;}
#color7{ float:left;background-color:#b1a08b;}
#color8{ float:right;background-color:#ad8e78;}
#color9{ float:left;background-color:#988d79;}
#color10{ float:right;background-color:#998a72;}
#color11{ float:left;background-color:#9d877a;}
#color12{ float:right;background-color:#c7a678;}
#color13{ float:left;background-color:#938976;}
#color14{ float:right;background-color:#827d68;}
#color15{ float:left;background-color:#bb947a;}
#color16{ float:right;background-color:#ac8564;}

.caption{width:120px; background-color:#fff; height: 3em; margin:0; padding:0;}
.caption p{padding:0; margin:0; text-align:center; height:2em; }


#box1{float:left; width:244px; height:100%}
#container9acc{clear:both; float:left; width:244px; height:13px; background:url(images/box1bg.gif) repeat-y;}
#containerrightacc{float:right; width:333px;}
#containerrightacc img{padding-left:14px;}

#logo{clear:both; float:left; width:178px; }
.logo{margin:0; padding:0; list-style:none;height:106px}
.logo li {float:left; padding:0; margin:0; height:106px; list-style:none;}
.logo li a, .logo li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:106px;}

#logolink, #logolink a{width:178px; height:106px; background:url(images/logo.gif) no-repeat;}

#left2{float:left;}
#left3{clear:both; width:178px; height:31px; background-color: #66845d;}
#left4{clear:both; width:178px; height:255px; background: #66845d url(images/acc01.jpg) no-repeat;}

#empty0{clear:both;height:144px; width:178px; background: #66845d url(images/acccoord.gif) no-repeat;}
#footer{clear:both;width:565px; height:20px; margin: 0 auto; padding: 5px 200px 5px 0; text-align:right; color:#bdcbb9 ; background-color:#719367; font:9px Tahoma, "Trebuchet MS", sans-serif; }

/* ================================ nav1 ===menu horizontal images================*/
#nav1{width:577px;}
.nav1{margin:0; padding:0; list-style:none;}
.nav1 li {float:left;padding:0; margin:0; height:65px; list-style: none;}
.nav1 li a, .nav1 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:65px;}

#link11, #link11on {background: url(images/nav01r.gif) no-repeat; width:66px;}
#link11 a {background: url(images/nav01.gif) no-repeat; width:66px;}
#link21, #link21on {background: url(images/nav02r.gif) no-repeat; width:82px;}
#link21 a {background: url(images/nav02.gif) no-repeat; width:82px;}
#link31, #link31on {background: url(images/nav03r.gif) no-repeat; width:73px;}
#link31 a {background: url(images/nav03.gif) no-repeat; width:73px;}
#link41, #link41on{background: url(images/nav04r.gif) no-repeat; width:73px;}
#link41 a {background: url(images/nav04.gif) no-repeat; width:73px;}
#link51, #link51on{background: url(images/nav05r.gif) no-repeat; width:80px;}
#link51 a {background: url(images/nav05.gif) no-repeat; width:80px;}
#link61, #link61on{background: url(images/nav06r.gif) no-repeat; width:67px;}
#link61 a {background: url(images/nav06.gif) no-repeat; width:67px;}
#link71, #link71on{background: url(images/nav07r.gif) no-repeat;; width:62px;}
#link71 a {background: url(images/nav07.gif) no-repeat; width:62px;}
#link81, #link81on{background: url(images/nav08r.gif) no-repeat; width:74px;}
#link81 a {background: url(images/nav08.gif) no-repeat; width:74px;}


#link11 a:hover, #link21 a:hover, #link31 a:hover, #link41 a:hover, #link51 a:hover, #link61 a:hover, #link71 a:hover, #link81 a:hover{background:none;}

/* ================================ nav2 produits ===menu vertical images================*/

#nav2{clear:both; float:left; width:178px; }
.nav2{margin:0; padding:0; list-style:none;height:144px; font-size:1px;}
.nav2 li {float:left; padding:0; margin:0; height:30px; list-style:none;}
.nav2 li a, .nav2 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:30px;}

#empty1{background:url(images/empty.gif) repeat-y; width:178px; height:24px;}
#empty2{background: url(images/empty.gif) repeat-y; width:178px; height:30px;}

#nav21, #nav21on{ background:url(images/nav21r.gif) no-repeat; width:178px;}
#nav21 a {background: url(images/nav21.gif) no-repeat;  width:178px;}

#nav22, #nav22on{background: url(images/nav22r.gif) no-repeat; width:178px;}
#nav22 a {background: url(images/nav22.gif) no-repeat; width:178px;}

#nav23, #nav23on{background: url(images/nav23r.gif) no-repeat; width:178px;}
#nav23 a {background: url(images/nav23.gif) no-repeat; width:178px;}

#nav2 a:hover,#nav21 a:hover, #nav22 a:hover, #nav23 a:hover{background:none;}

/* ================================ nav3 photos===vertical images================*/

#nav3{clear:both; float:left; width:178px;}
.nav3{margin:0; padding:0; list-style:none; height:144px;}
.nav3 li {float:left; padding:0; margin:0; height:30px; list-style:none; font-size:1px;}
.nav3 li a, .nav3 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:30px;}

#empty3{background:url(images/empty.gif); width:178px; height:11px;}
#empty4{background: url(images/empty.gif); width:178px; height:13px;}

#nav31, #nav31on{ background:url(images/nav31r.gif) no-repeat; width:178px;}
#nav31 a {background: url(images/nav31.gif) no-repeat;  width:178px;}

#nav32, #nav32on{background: url(images/nav32r.gif) no-repeat; width:178px;}
#nav32 a {background: url(images/nav32.gif) no-repeat; width:178px;}

#nav33, #nav33on{background: url(images/nav33r.gif) no-repeat; width:178px;}
#nav33 a {background: url(images/nav33.gif) no-repeat; width:178px;}

#nav34, #nav34on{background: url(images/nav34r.gif) no-repeat; width:178px;}
#nav34 a {background: url(images/nav34.gif) no-repeat; width:178px;}

#nav3 a:hover,#nav31 a:hover, #nav32 a:hover, #nav33 a:hover, #nav34 a:hover{background:none;}

/* ================================ nav4 produits ===menu vertical images================*/

#nav4{clear:both; float:left; width:178px; }
.nav4{margin:0; padding:0; list-style:none;height:144px; font-size:1px;}
.nav4 li {float:left; padding:0; margin:0; height:30px; list-style:none;}
.nav4 li a, .nav4 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:30px;}

#empty1{background:url(images/empty.gif) repeat-y; width:178px; height:24px;}
#empty2{background: url(images/empty.gif) repeat-y; width:178px; height:30px;}

#nav41, #nav41on{ background:url(images/nav41r.gif) no-repeat; width:178px;}
#nav41 a {background: url(images/nav41.gif) no-repeat;  width:178px;}

#nav42, #nav42on{background: url(images/nav42r.gif) no-repeat; width:178px;}
#nav42 a {background: url(images/nav42.gif) no-repeat; width:178px;}


#nav4 a:hover,#nav41 a:hover, #nav42 a:hover{background:none;}