/* CSS Document */

body {background: url(images/greenpenbg1.gif) repeat-x #7ea425; margin:0; padding:0; font-size:11px; color:#0e3b03; font-family:Verdana, Arial, Helvetica, sans-serif; height:100%;}
a:link, a:visited, a:active{color:#0e3b03;text-decoration:underline;}
a:hover{color:#0e3b03;text-decoration:none;}

/* === nav1 ===menu vertical top================*/

#nav1vert{float:left;width:225px;}
.nav1vert{margin:0; padding:0; list-style:none; width:225px;font-size:1px;}
.nav1vert li {padding:0; margin:0; height:20px; list-style: none;}
.nav1vert li a, .nav1vert li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:20px;}

#link1, #link1on { background:url(images/link1r.gif) no-repeat;}
#link1 a {background: url(images/link1.gif) no-repeat;}
#link2, #link2on {background: url(images/link2r.gif) no-repeat;}
#link2 a {background: url(images/link2.gif) no-repeat;}
#link3, #link3on {background: url(images/link3r.gif) no-repeat;}
#link3 a {background: url(images/link3.gif) no-repeat;}
#link4, #link4on {background: url(images/link4r.gif) no-repeat;}
#link4 a {background: url(images/link4.gif) no-repeat;}
#link5, #link5on {background: url(images/link5r.gif) no-repeat;}
#link5 a {background: url(images/link5.gif) no-repeat;}
#link6, #link6on {background: url(images/link6r.gif) no-repeat;}
#link6 a {background: url(images/link6.gif) no-repeat;}
#link7, #link7on {background: url(images/link7r.gif) no-repeat;}
#link7 a {background: url(images/link7.gif) no-repeat;}
#search{background: url(images/search.gif) no-repeat; height:33px;}
#link1 a:hover, #link2 a:hover, #link3 a:hover, #link4 a:hover, #link5 a:hover, #link6 a:hover, #link7 a:hover{background:none;}
/*  fin  */

/*  ==== subinfo verticale =====  */
#subinfo{width:266px;}
.subinfo{margin:0; padding:0; list-style:none; width:266px; font-size:1px;}
.subinfo li {float:left;padding:0; margin:0; height:22px; list-style:none;}
.subinfo li a, #subinfo li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:22px;}

#subinfo1, #subinfo1on {background: url(images/subinfo1r.gif) no-repeat; width:266px;}
#subinfo1 a {background: url(images/subinfo1.gif) no-repeat; width:266px;}
#subinfo2, #subinfo2on {background: url(images/subinfo2r.gif) no-repeat; width:266px;}
#subinfo2 a {background: url(images/subinfo2.gif) no-repeat; width:266px;}
#subinfo3, #subinfo3on {background: url(images/subinfo3r.gif) no-repeat; width:266px;}
#subinfo3 a {background: url(images/subinfo3.gif) no-repeat; width:266px;}
#vide{ background:url(images/subimg.jpg) no-repeat; width:266px; height:78px;}
#subinfo1 a:hover, #subinfo2 a:hover, #subinfo3 a:hover{background:none;}
/*  fin  */


/*  ==== subprod vertical =====  */

#subprod{width:266px;}
.subprod{margin:0; padding:0; list-style:none; width:266px; font-size:1px;}
.subprod li {float:left;padding:0; margin:0; height:22px; list-style:none;}
.subprod li a, #subprod li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:22px;}

#subprod1, #subprod1on {background: url(images/subprod1r.gif) no-repeat; width:266px;}
#subprod1 a {background: url(images/subprod1.gif) no-repeat; width:266px;}
#subprod2, #subprod2on {background: url(images/subprod2r.gif) no-repeat; width:266px;}
#subprod2 a {background: url(images/subprod2.gif) no-repeat; width:266px;}
#subprod3, #subprod3on {background: url(images/subprod3r.gif) no-repeat; width:266px;}
#subprod3 a {background: url(images/subprod3.gif) no-repeat; width:266px;}
#subprod4, #subprod4on {background: url(images/subprod4r.gif) no-repeat; width:266px;}
#subprod4 a {background: url(images/subprod4.gif) no-repeat; width:266px;}
#vide{ background:url(images/subimgevergreen.jpg) no-repeat; width:266px; height:78px;}
#subprod1 a:hover, #subprod2 a:hover, #subprod3 a:hover, #subprod4 a:hover{background:none;}
/*  fin  */

div{margin:0;padding:0;}
br{clear:both;}		
a img{border:none;}
p{margin:10px 15px 5px 60px; text-align:left;}

ul{margin:10px 10px 10px 5px; list-style:none; padding:0;}		
li{background:url(images/bullet.gif) no-repeat 65px 4px; margin-top:3px; padding-left:80px; LIST-STYLE-POSITION:outside;}

h1, h2{margin:0; padding:5px 10px 0 10px; color:#026730;}
h1{font-size:13px; padding-bottom:0; padding-left:60px;}
h2{font-size:12px; padding-bottom:0; padding-left:60px;}

.btn{width:94px; height:13px; text-align:center; padding:3px 5px; margin:20px 0 0 280px; background:#5e9023 url(images/arrow.gif) no-repeat 90px 7px; border:#dce7b3 solid 1px; color:#FFF;}
.btn a:hover{color:#fff; text-decoration:underline;}
.btn a:link, .btn a:visited, .btn a:active{color:#fff;text-decoration:none;}

.btni{width:294px; height:13px; text-align:center; padding:3px 5px; margin:20px 0 0 80px; background:#5e9023 url(images/arrow.gif) no-repeat 290px 7px; border:#dce7b3 solid 1px; color:#FFF;}
.btni a:hover{color:#fff; text-decoration:underline;}
.btni a:link,.btni a:visited,.btni a:active{color:#fff;text-decoration:none;}


.btn2{width:130px; height:13px; text-align:center; padding:3px 10px 3px 3px; margin:20px 0 0 60px; background:#5e9023 url(images/arrow.gif) no-repeat 125px 7px; border:#dce7b3 solid 1px; color:#FFF;}
.btn2 a:link, .btn2 a:visited, .btn2 a:active{color:#fff;text-decoration:none;}
.btn2 a:hover{color:#fff; text-decoration:none; display:block; text-decoration:underline;}

.btn3{width:94px; height:13px; text-align:center; padding:3px 5px; margin:20px 0 0 350px; background:#5e9023 url(images/arrow.gif) no-repeat 90px 7px; border:#dce7b3 solid 1px; color:#FFF;}
.btn3 a:hover{color:#fff; text-decoration:underline;}
.btn3 a:link,.btn3 a:visited,.btn3 a:active{color:#fff;text-decoration:none;}

.super{vertical-align:super;font-size:80%;}	

.titre1{ font-size:11px; font-weight:bold; color:#026730;}
#footer{float:left; width:765px; margin: 0 auto; text-align:center; background-color:#d5dfae; height:11px; font-size:9px; color:#666666; padding-bottom:1px;}

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

#container2{float:left; width:279px; height:100%;}
#container2acc0{float:left; width:279px;}
#container2acc1{float:left; width:279px;}
#container2acc2{float:left; width:279px;}
#container2acc3{float:left; width:279px;}
#container2imgbas{float:left; width:279px;}

#header{float:right; width:486px;}

#container3{float:right; width:261px;}
#container4{float:left; width:486px; height:100%;}

#container5{float:left; width:225px;}
#container6{float:right; width:261px;}
#container7{float:left; width:261px;}
#container8{float:left; width:261px;}
#contentacc{height:100%;}

#contgp1{padding:10px 10px 10px 80px;}
#contcp1{padding:10px 10px 10px 100px;}
#contcp2{padding:10px; background-color:#dde6c5; margin-left:60px; margin-right:10px; border:#68704f solid 1px; }
#contcp3{padding: 3px 10px 10px 60px; float:right; width:416px; text-align:center;}

#infos{float:left; background:url(images/infos.jpg) no-repeat; min-height:100%; width:486px;}
#info1{padding:25px 0 0 60px;}
#info2{padding:70px 0 0 60px;}
#info3{padding:68px 0 60px 60px;}

.table2{margin-left:10px; margin-right:10px; border-collapse:collapse; width:95%;}
.table2 td{padding:5px 5px 5px 5px; background-color:#d6dfb6; border:#68704f solid 1px; vertical-align:top; text-align:center;}
.table2 th{padding:5px 5px 5px 5px; background-color:#ccd9a1; border:#68704f solid 1px; vertical-align:top; text-align:center;}
.table2 .tblth{padding-top:20px; background-color:#dde6c5;}

#prod1{ background: url(images/sep1.gif) no-repeat left bottom; padding-bottom:30px; height:100%;}
#prod2{margin:0; padding-bottom:20px;background:url(images/greenpenbg5.gif) repeat-y; height:100%;}

.pad{padding-left:130px; padding-top:10px;}
#pad2{padding-left:60px; padding-top:10px;}
#pad2 p{padding-left:0; margin-left:0;}
#pad2 h2{padding-left:0;}
#pad2 ul{margin:10px 10px 10px 5px; list-style:none; padding:0;}		
#pad2 li{ background:url(images/bullet.gif) no-repeat 5px 4px; margin-top:3px; padding-left:20px; LIST-STYLE-POSITION: outside;}
#pad3{margin-left:60px; margin-right:10px; padding-top:5px; background-color:#dde6c5; border:solid 1px #68704f;}
#pad3 ul{margin:10px 10px 10px 5px; list-style:none; padding:0;}		
#pad3 li{ background:url(images/bullet2.gif) no-repeat 5px 4px; margin-top:3px; padding-left:20px; LIST-STYLE-POSITION: outside;}
#pad3 h2{padding-left:10px;}

.super{vertical-align: super; font-size:80%;}

.table1{margin-left:10px; margin-right:10px; border-collapse:collapse; width:95%;}
.table1 td{padding:5px 5px 5px 5px; background-color:#dde6c5; border:#68704f solid 1px; vertical-align:top;}
.up{padding:5px 10px 5px 0;float:right;}