/* CSS Document */
body{
		background: #ffffff;
		color: #000;
		font: Arial;
		margin: auto;
		margin-top: 0px;
		clear: both;
		text-align: left;
		}
		
#contaner{
		width: 800px;
		min-height: 800px;
		overflow:visible;
		background:#fdf2ac;
		border-left: 1px solid #7c6954;
		border-right: 1px solid #7c6954;
		padding: 0px 3px 0px 3px ;
		font-family:Arial, Helvetica, sans-serif;
		margin: auto;
		}
		
#lientitre{ color: #79C142;
		text-decoration: none;
          }
		  
#lientitre a{
	color:#FFF;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font-weight: bold;
	margin-top: 5px;
         }
		  
#lientitre a:hover{ color:#FFF;
		text-decoration: none;
		background: #7c6954;
          }

#nav_right{
		width: 165px;
		height: 840px;
		float: left;
		}
.logo{
		height: 220px;
		text-align: center;
		background: #7c6954;
		}
		
#header{
		background: url(images/banner.jpg) bottom no-repeat right;
		width: 635px;
		height: 200px;
		text-align: left;
		float: right;
		}
.colordef{color: #1A5323; font: verdana;  font-weight: bold; font-size: 11px;}

#menu{
		min-height: 200px;
		width: 150px;
		padding: 5px 5px 5px 10px;
		text-align: left;
		background: #7c6954;
		}
		
#menu a{
		width: 120px;
		height: 20px;
		color: #FFF;
		font-size: 12px;
		font-family: Arial, Helvetica;
		vertical-align: middle;
		text-shadow: #000;
		text-decoration: none;
		font-weight: bold;
		float: left;
		padding: 5px 0px 0px 20px;
		background: url(images/arrow_menu.jpg) left no-repeat;
		}
		
#menu a:hover{
		color: #003300;
		}
		
#menu2{
		min-height: 650px;
		width: 150px;
		padding: 5px 5px 5px 10px;
		text-align: left;
		background: url(images/bg-left.jpg) repeat-y left top #7c6954;
		}
		
		
#menu2 a{
		width: 120px;
		height: 20px;
		color: #FFF;
		font-size: 12px;
		font-family: Arial, Helvetica;
		vertical-align: middle;
		text-shadow: #000;
		text-decoration: none;
		font-weight: bold;
		float: left;
		padding: 5px 0px 0px 20px;
		background: url(images/arrow_menu.jpg) left no-repeat;
		}
		
#menu2 a:hover{
		color: #003300;
		}
		
#menu{
		min-height: 200px;
		width: 150px;
		padding: 5px 5px 5px 10px;
		text-align: left;
		background: #7c6954;
		}
		
#menu a{
		width: 120px;
		height: 20px;
		color: #FFF;
		font-size: 12px;
		font-family: Arial, Helvetica;
		vertical-align: middle;
		text-shadow: #000;
		text-decoration: none;
		font-weight: bold;
		float: left;
		padding: 5px 0px 0px 20px;
		background: url(images/arrow_menu.jpg) left no-repeat;
		}
		
#menu a:hover{
		color: #003300;
		}
		
#menu3{
		height: 615px;
		width: 150px;
		padding: 5px 5px 5px 10px;
		text-align: left;
		background: url(images/bg-left.jpg) repeat-y left top #7c6954;
		}
		
		
#menu3 a{
		width: 120px;
		height: 20px;
		color: #FFF;
		font-size: 12px;
		font-family: Arial, Helvetica;
		vertical-align: middle;
		text-shadow: #000;
		text-decoration: none;
		font-weight: bold;
		float: left;
		padding: 5px 0px 0px 20px;
		background: url(images/arrow_menu.jpg) left no-repeat;
		}
		
#menu3 a:hover{
		color: #003300;
		}
		
#menu_bg{
		background:url(images/menu_bg.jpg) left top no-repeat;
		width: 165px;
		height: 20px;
		}
		
#menuproduit{
		height: 1000px;
		width: 150px;
		padding: 5px 5px 5px 10px;
		text-align: left;
		background: url(images/bg-left.jpg) repeat-y left top #7c6954;
		}
		
#menuproduit a{
		width: 120px;
		height: 20px;
		color: #FFF;
		font-size: 12px;
		font-family: Arial, Helvetica;
		vertical-align: middle;
		text-shadow: #000;
		text-decoration: none;
		font-weight: bold;
		float: left;
		padding: 5px 0px 0px 20px;
		background: url(images/arrow_menu.jpg) left no-repeat;
		}
		
#menuproduit a:hover{
		color: #003300;
		}
		
		
#rapport{
	margin-top: 8px;
	padding: 3px 0px 3px 2px;
	height: 14px;
	background-color: #838256;
		}
		
		
#rapport2{
	margin-top: 8px;
	padding: 3px 0px 3px 2px;
	height: 14px;
	width: 165px;
	background-color: #838256;
		}
#rapportarchive{
		margin-top: 8px;
		padding: 2px 0px 2px 5px;
		background: #FFF;
		color: #000;
		font-size: 11px;
		font: Arial;
		border: 1px #00704A solid;
		height: 16px;
		background: url(images/arrow2.jpg) right no-repeat;
		}
		
.rapportarchive{
		margin-top: 8px;
		width: 190px;
		border: 1px solid #ccc;
		padding: 2px 0px 2px 5px;
		background: #FFF;
		color: #000;
		font-size: 11px;
		font: Arial;
		border: 1px #00704A solid;
		height: 20px;;
		}
		
		
.bglsft{
		background: url(images/bg-left.jpg) repeat-y;
		}
	
		
#topcont{
		height: 10px;
		background: url(images/top_cont2.jpg) no-repeat center bottom;
		float: left;
		width: 400px;
		}
		
#midcont{
		min-height: 100px;
		background: url(images/middle_cont2.jpg) repeat-y center;
		float: left;
		width: 370px;
		padding: 0px 15px 0px 15px;
		}
		
#agencemap{
		margin-top: 15px;
		background: url(images/img_agence_bg.jpg) no-repeat top left;
		height: 130px;
		padding: 8px 12px;
		}
		
#cont{
		font-size: 11px;
		font: arial;
		padding-left: 5px;
		padding-top: 5px;
		}
h2		{
		font-size: 13px;
		font: Arial;
		margin-top: 10px;
		margin-bottom:5px;
		color: #838256;
		background: url(images/arrow4.jpg) no-repeat left top;
		padding-left: 15px;
		font-weight: bold;
		}
		
#actutop{
		background: url(images/actu_top.jpg)  no-repeat bottom left;
		height: 15px;
		float: left;
		width: 185px;
		}

#actumid{
		background: #FFF;
		min-height: 90px;
		padding: 3px 5px 3px 5px;
		font-size: 11px;
		color: #000000;
		font:Arial Narrow;
		border-left: 1px solid #8C8750;
		border-right: 1px solid #8C8750;
		width: 168px;
		margin-left: 1px;
		float: left;
		
		}
		
#actubottom{
		background:url(images/actu_bottom.jpg) no-repeat top left;
		height: 15px;
		float: left;
		width: 185px;
		}
		
#bottomcont{
		height: 10px;
		background: url(images/bottom_cont2.jpg) no-repeat center top;
		float: left;
		width: 400px;
		}
		
.arrow1{
	font: Century Gothic;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	color: #FFF;
	background-color: #838256;
	background-repeat: no-repeat;
	background-position: left;
		}
		
.arrow2{
		font: Century Gothic;
		font-size: 11px;
		font-weight: bold;
		padding-left: 10px;
		width: auto;
		background: url(images/arrow1.jpg) left no-repeat;
		color: #FFF;
		}
		
.text1{
		font-size: 11px;
		font: Arial;
		padding: 5px 5px;
		height: 70px;
		}
.text1 a {
		text-decoration: none;
		}
		
.text2{
		height: 150px;
		width: 185px;
		}
		
.text3{
		height: 150px;
		background: url(images/logobg.jpg) center no-repeat #eee;
		}
		
#banner_bottom{
		background: url(images/main_bg_mid.jpg) top right no-repeat #7c6954;
		width: 635px;
		float: right;
		height: 30px;
		}

#corp{
		width: 635px;
		min-height: 400px;
		float: left;
		background: #FFFFFF;
		
}
	
#main{
		width: 390px;
		min-height: 400px;
		background: url(images/main_bg_left.jpg) no-repeat left top;
		float: left;
		padding: 20px 20px 0px 20px;
		top: 0px;
		}
		
#main2{
		width: 430px;
		min-height: 250px;
		background: url(images/main_bg_left.jpg) no-repeat left top;
		float: left;
		padding: 20px 20px 25px 20px;
		top: 0px;
		}
		
#main_left{
		width: 190px;
		float: right;
		min-height: 450px;
		}
		
#footer{
		width: 806px;
		height: 31px;
		border-left: 1px solid #7c6954;
		border-right: 1px solid #7c6954;
		border-bottom: 1px solid #7c6954;
		font-family:Arial, Helvetica, sans-serif;
		margin: auto;
		background: #7c6954;
		}
		
#copyright{
		width: 800px;
		height: 14px;
		padding: 3px 3px 3px 3px ;
		font-family:Arial, Helvetica, sans-serif;
		margin: auto;
		text-align: center;
		font-size: 10px;
		font: Arial;
		font-weight: bold;
		color: #FFF;
		}
		
#footer_bg_left
		{
		padding: 8px 5px 0px 10px;
		background: url(images/footer_bg_right.jpg) repeat-x left bottom;
		height: 23px;
		color: #FFF;
		text-align:center;
		font-size: 10px;
		font: Arial;
		font-weight: bold;
		width: 785px;
		float: left;
		}
		
#footer_bg_mid
		{
		background: url(images/footer_bg_mid.jpg) no-repeat left bottom;
		height: 90px;
		width: 56px;
		float: left;
		}
		
#footer_bg_right
		{
		background: url(images/footer_bg_left.jpg) no-repeat left bottom;
		height: 55px;
		width: 175px;
		float: left;
		padding: 25px 5px 10px 10px;
		color: #FFF;
		text-align:right;
		font-size: 10px;
		font: Arial;
		font-weight: bold;
		}
		
#footer_in{
		text-align: center;
		color: #003300;
		width: auto;
		height: 22PX;
		font: Arial;
		padding-top: 10px;
		font-weight: bold;
		background: #D5D4BF;
		font-size: 10px;
		vertical-align: middle;
		}
		
#footer_bottom{
		width: 636px;
		height: 6px;
		float: left;
		padding: 0px 4px 0px 29px;
		background: url(images/maket3_r2_c1.jpg) left top no-repeat;
		}
		
#contenu_left{
		width: 636px;
		background: url(images/maket2_r3_c1.jpg) repeat-y left;
		padding: 4px 4px 4px 29px;
		min-height: 293px;
		float: left;
		}
		
#contenu_left_1{
		width: 390px;
		padding: 5px 5px 0px 5px;
		height: auto;
		float: left;
		font-size: 11px;
		font-family:Arial, Helvetica;
		color: #000;
		text-align: justify;
		background: url(images/acueil_bg.jpg) top repeat-x #B8E4D5;
		}
		
#contenu_left_12{
		width: 390px;
		padding: 5px 5px 0px 5px;
		height: auto;
		float: left;
		font-size: 11px;
		font-family:Arial, Helvetica;
		color: #333;
		text-align: justify;
		background: #FFF;
		}
		
#contenu_left_11{
		width: 590px;
		padding: 5px 5px 0px 5px;
		height: auto;
		float: left;
		font-size: 11px;
		font-family:Arial, Helvetica;
		color: #333;
		text-align: justify;
		}
		
#contenu_left_10{
		width: 390px;
		padding: 5px 5px 0px 5px;
		height: auto;
		float: left;
		font-size: 12px;
		font-family:"Times New Roman", Times, serif;
		color: #000000;
		text-align: justify;
		}

#contenu_left5{
		width: 390px;
		padding: 5px 5px 10px 5px;
		height: auto;
		float: left;
		font-size: 11px;
		font-family:Arial, Helvetica;
		color: #333;
		text-align: justify;
		border: 1px solid #CCC;
		}
		
#contenu_left_2{
		width: 390px;
		min-height: auto;
		margin-top: 10px;
		padding: 5px 0px 10px 0px;
		min-height: 200px;
		float: left;
		font-size: 11px;
		font-family:Arial, Helvetica;
		color: #333;
		text-align: justify;
		}
		
#contenu_left_3{
		padding: 3px 5px 5px 5px;
		height: 150px;
		font-size: 11px;
		font-family:Arial;
		color: #333;
		text-align: left;
		}
		
#contenu_left_4{
		width: 610px;
		padding: 3px 5px 5px 5px;
		height: auto;
		border: 1px dashed #aaa;
		float: right;
		font-size: 11px;
		margin-top: 10px;
		margin-left: 5px;
		margin-right: 3px;
		font-family:Arial, Helvetica;
		color: #333;
		text-align: justify;
		}
		
#left_1{
		color:#000;
		width: auto;
		height: 295px;
		font-size:11px;
		font-family: Arial, Helvetica;
		}
		
#left_2{
		color:#000;
		min-height: 85px;
		width: 125px;
		height: 90px;
		font-size:11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		float: left;
		}
		
img		{
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
		}
		
#contenu_right{
		width: 190px;
		padding: 5px 30px 5px 10px;
		min-height: 100px;
		float: right;
		background: url(images/img/maket3_r3_c2.jpg) right repeat-y;
		}
		
#right_bottom{
		width: 190px;
		height: 156px;
		float: right;
		padding: 0px 30px 45px 10px;
		background: url(images/img/maket3_r5_c2.jpg) right bottom no-repeat;
		}
		
#right_1{
		color:#000;
		width: 255px;
		border-bottom: 1px dashed #FF9900;
		background:#fff;
		font-size:11px;
		font-family: Arial, Helvetica;
		padding: 10px 5px 5px 5px;
		height: 65px;
		}
		
#right_2{
		width: 245px;
		height: auto;
		float: left;
		}		
		
		
h1		{
		font-size: bold;
		padding-bottom: 0px;
		margin-bottom: 10px;
		font: Arial;
		font-size: bold;
		color: #79C142;
		background: url(images/arrow.png) no-repeat left;
		padding-left: 15px;
		}
		
		
.h1_1	{
		color:#FF9900;
		font-size: 14px;
		font-weight: bold;
		padding-top: 5px;
		}
		
.h5_1      {
		font-size: 11px;
		font: Arial;
		color: #00704A;
		font-weight: bold;
		padding-left: 10px;
		background: url(images/arrow.png) left no-repeat;
		padding-top: 2px;
		marging-bottom: 5px;
		}
		
.h5_2   {
		font-size: 11px;
		font: Arial;
		color: #000;
		font-weight: bold;
		padding-left: 15px;
		background: url(images/arrow_1.png) left no-repeat;
		padding-top: 2px;
		marging-bottom: 5px;
		}
		
.h5_3   {
		font-size: 11px;
		font: Arial;
		color: #fff;
		font-weight: bold;
		padding-left: 15px;
		background: url(images/arrow_3.png) left no-repeat;
		padding-top: 2px;
		marging-bottom: 5px;
		}
		
.h1_2	{
		color:#666633;
		font-size: 14px;
		font-weight: bold;
		padding-top: 5px;
		}
		
#titre  {
		width: auto;
		height: 15px;
		border-left: 3px #00704A solid;
		padding-left: 8px;
		padding-top: 5px;
		color: #00704A;
		font-familly: Arial, Helvetica;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		vertical-align: bottom;
		
		}
		
#titre2  {
		width: auto;
		height: 15px;
		border-left: 3px #FF6600 solid;
		padding-left: 8px;
		padding-top: 5px;
		color: #FF6600;
		font-familly: Arial, Helvetica;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		vertical-align: bottom;
		
		}
		
.link1{
		background: url(images/link1.jpg) left no-repeat;
		color: #FF6600;
		font: Arial;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		padding-left: 15px;
		}

.link2{
		background: url(images/link2.jpg) left no-repeat;
		color: #00704A;
		font: Arial;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		padding-left: 15px;
		}
		
.link3{
		background: url(images/link2.jpg) left no-repeat;
		color: #00704A;
		font: Arial;
		font-size: 11px;
		text-decoration: none;
		font-weight: bold;
		padding-left: 10px;
		border: 1px solid #00704A;
		}
				
.color_1{
		color:#808054;
		font-size: 12px;
		font-weight: bold;
		font: Arial;
		text-align: left;
		}
		
.color_2	{
		color: #00704A;
		font-size: 12px;
		font-weight: bold;
		font: Bradley Hand ITC;
		text-align: left;
		}
		
		
.color_1.a:{
		color:#FF9900;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		}
		
.color_3	{
		color: #00704A;
		font-size: 12px;
		font-weight: bold;
		font: Arial;
		}
		
.scroller	{
		border: 1px dotted #ddd;
		background-color:#FF9900;
		s
		}
		
#categorie{
		width: 150px;
		height: 28px;
		font-size: 11px;
		font-family: Arial, Helvetica;
		font-weight: bold;
		border: 1px dashed #ccc;
		margin: 0px 5px 5px 5px;
		float: right;
		padding: 0px 2px;
		display: block;
		}
		
		
#suite {
		text-align: right;
		color: #FF9900;
		padding-right: 10px;
		font-size: 11px;
		font-weight: bold;
		height: 20px;
		}
		
#suite a{
		color:#FF9900;
		text-decoration: none;
		}
		
#suite a: hover{
		color:#666633;
		}
		
#box1{
		width: 120px;
		height: 86px;
		padding: 5px;
		float:left;
		background: #EBEBEB;
		}
		
#box2{
		width: 120px;
		height: 86px;
		padding: 5px;
		float:left;
		background: #EBEBEB;
		}
a{
		color:#79C142;
		}