body
		{
			text-align: center ;
			margin: 0px 0 ;
			padding: 0px ;
			font-family: Lucida Sans, trebuchet ms,sans-serif;
			font-size : 0.8em;
			background: #B0B0B0 ;
			color:#fff;
		}
		
		div.bck_top
		{
			margin: 0 auto;
			background-image: url('../img/top_title.png');
			background-repeat: no-repeat;
			height: 159px;
			width: 958px;
			
		}
		
		div.bck_body
		{
			margin: 0 auto;
			padding-bottom:10px;
			background-image: url('../img/bg_body.png');
			background-repeat: repeat-y;
			width: 962px ;
			text-align: left ;
			overflow: auto;
		}
		
		div.bg_bottom
		{
			margin: 0 auto 40px;
			background-image: url('../img/bg_bottom.png');
			background-repeat: no-repeat;
			height: 44px;
			width: 960px;
			color: #6A7777 ;
		}
		
		.bg_bottom p
		{
			margin:0;
			padding-top : 30px;
			text-align: center ;
			color: #DEDEDE ;
			
		}
		
		.bg_bottom a
		{
			color: #DEDEDE ;
			text-decoration: none ; 
		}
		
		.bg_bottom a:hover
		{
			color: #fff ;
			text-decoration: none ; 
		}

		.menu
		{
			margin: 0 ;
			height: 35px ;
			width: 800px ;
			padding-left: 260px ;
			padding-top: 117px ;
			background: url('../img/bg_menu.png') repeat-x 0 -25px ;
			list-style-type: none ;
		}
				
		.menu li
		{
			float: left ;
			text-align: center ;
		}
		
		.menu li a
		{
			padding-top:2px;
			padding-left: 10px ;
			padding-right: 10px ;
			line-height: 20px ;
			font-size: 0.9em ;
			font-weight: bold ;
			font-style: bold ;

			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;		
		}
		
		.menu li a:hover
		{
			background: url('../img/bg_menu.png') repeat-x 0 0 ;
			
		}
		
		
		
		
		div.leftside
		{
			margin-top:0px;
			margin-left:17px;
			float : left;
  			width: 188px;

		}
		
		div.leftside h2
		{
			margin-left:5px;
			margin-right:0px;
			margin-top:25px;
			font-size: 1.1em ;
			color: #32AACE;
			font-style: italic ;
		}
		
		div.leftside p.news
		{
			margin-left:10px;
			margin-right:10px;
			margin-bottom:10px;
			text-align: justify;
			line-height: 1.4em ;
			color: #777777 ;
		}
		
		
		div.leftside p
		{
			margin-left:10px;
			margin-right:10px;
			margin-bottom:10px;

			line-height: 1.4em ;
			color: #777777 ;
		}
		
		div.leftside li
		{
			margin-left:20px;
			margin-right:10px;
			text-align: justify ;
			text-indent: 0em ;
			line-height: 1.4em ;

			color: #777777 ;
		}
		
		div.leftside a
		{
			color: #777777 ;
			text-decoration: none ; 
		}
		
		div.leftside a:hover
		{
			color: #777777 ;
			text-decoration: underline; 
		}
				
		div.contenu
		{
  			width: 70%;
  			margin-left: 240px ;
			margin-top : 0px;
			position: relative;
			
		}
		
		
	.contenu h2
		{
			padding-top: 20px;
			padding-left: 15px ;
			padding-right: 5px ;
			line-height: 25px ;
			font-size: 1.4em ;
			color: #32AACE ;
			border-bottom: 1px solid #32AACE ;
			font-style: italic ;
		}
		
		.contenu h3
		{	
			margin-top: 20px;
			line-height: 1.2em ;
			font-size: 1.2em ;
			color: #777777 ;
		}
		
		.contenu h4
		{
			color: #32AACE;
			font-size: 1.2em ;
			margin-top: 20px;
			margin-bottom: -10px;
			margin-left: -5px ;
			font-weight: bold ;
		}
		
		.contenu p
		{
			margin-left: 0px ;
			text-align: justify ;
			text-indent: 0em ;
			line-height: 1.4em ;
			color: #777777 ;
			overflow: auto;
		}
		
		.contenu p.date
		{
			margin-left:30px ;
			margin-top:-18px;
			font-size: 0.9em ;
			line-height: 1.4em ;
			color: #777777 ;
		}
		
		.contenu p.list
		{
			
			line-height: 1.4em ;
			color:#fff ;
			background-color: #32AACE;
		}

		.contenu div.msg_info
		{
			color:#32AACE;
			margin-top:20px;
			padding : 5px;
			border:1px solid #32AACE;
			background-color: #E5F5F9;
		}
		.contenu div.msg_info img
		{ 
			 margin-right:5px;
			 float: left;	
		}
		
		.contenu div.msg_info p
		{ 
			 margin:0px;
			color:#32AACE;	
		}

		.contenu div.msg_alert
		{
			color:#D0292C;
			margin-top:20px;
			padding : 5px;
			border:1px solid #D0292C;
			background-color: #FFD8D6;
		}
		.contenu div.msg_alert img
		{ 
			 margin-right:5px;
			 float: left;	
		}
		
		.contenu div.msg_alert p
		{ 
			 margin:0px;
			 color:#D0292C;	
		}
				
		.contenu i
		{
			margin-left: 0px ;
			text-align: left;
			text-indent: 2em ;
			line-height: 1.4em ;
			font-size: 1em ;
			color: #8B9A9E ;
			font-weight: normal ;
		}
		
		.contenu a
		{
			color: #00819C ;
			text-decoration: none ; 
		}
		
		
		.contenu a:hover
		{ 
			 color: #32AACE ;	
		}
		
		
		p.bluebox 
		{ 
			 width :250px;
			 background-color: #32AACE ;
			 color: #fff;
			 margin: 0 auto	;
			 padding : 5 5 5;
			 border: 1px dotted #32AACE;
		}
		
		
		.contenu a.icon {
			outline: none !important;
			text-decoration: none ;
			border: 0px;
		}
		
		pre code
		{
			background-color:#fff;
		}

		code
		{
			background-color:#fff;
			color: #32AACE ;
			font-size: 1.4em ;
			font-weight: normal ;
		}
		
		
		tt, kbd, tr, td {
			background-color:#F0F0F0;
			margin-left: 0px ;
			text-align: center;
			text-indent: 0em ;
			line-height: 1.4em ;
			font-size: 0.9em ;
			color: #777777 ;
			font-weight: normal ;
		}
		
		td:over {
			background-color:#E6E6E6;
			
		}

		.cdv
		{
		
			background-image: url('../img/csv.png');
			background-repeat: no-repeat;
			width: 450px ;
			height:197px;
			padding-left: 25px ;
			padding-right: 25px ;
			padding-top: 25px ;
			padding-bottom: 0px ;
			margin: 0 auto 0 auto;
			margin-bottom:0px;
			position: relative;
		}
		
			
			
		.cdv img.photo
		{
			position:absolute;
			top:41px;
			left:29px;
		}
		
		.cdv h1
		{
			margin-top:0px;
			padding-left: 10px ;
			font-size: 1.4em ;
			color: #32AACE ;
			position:absolute;
			top:15px;
			left:35px;
			font-style: italic;
			margin :0;
			padding: 0;
			
		}
		
		
		.cdv h2
		
		{
			color: #777777 ;
			font-size: 1.7em;
			position:absolute;
			top:50px;
			left:145px;
			border-bottom: none ;
			font-style: normal ;
			margin :0;
			padding: 0;
		}
		
		.cdv p

		{
			color: #777777 ;
			position:absolute;
			top:85px;
			left:150px;
	  		text-align: justify ;
			text-indent: 0;
			font-size: 1em ;
			margin :0;
			padding: 0;
		}

		
		div.service_contain
		{
			float:left;
			padding-left: 30px;
		}

		div.service_top
		{
			background-image: url('../img/service_top.png');
			background-repeat: no-repeat;
			position: relative;
			height: 19px;
			width: 170px;
			
		}
		
		div.service_top p
		{
			font-size: 1.1em ;
			color : #fff;
			padding-top: 0px;
			padding-left: 6px;
			text-align : left;
		}
		
		div.service_body
		{
			padding-top: 7px;
			background-color: #f3f3f3;
			width: 170px;
			overflow:auto;
		}
		
		div.service_body p
		{
			margin-left : 10px;
			text-align : left;
		}
		
		div.service_body a
		{ 
			color: #777777 ;
			text-decoration: none ; 
		}
		
		div.service_body a:hover
		{
			color: #777777 ;
			text-decoration: underline; 
		}
		
		div.service_bottom
		{
			background-image: url('../img/service_bottom.png');
			background-repeat: no-repeat;
			position: relative;
			height: 27px;
			width: 170px;
		}
		
		
		div.pannonces_top
		{
			
			margin: 0 auto;
			background-image: url('../img/pa_top.png');
			background-repeat: no-repeat;
			
			height: 9px;
			width: 475px;
		
		}
		
		div.pannonces_bottom
		{
			margin: 0 auto 10px;
			background-image: url('../img/pa_bottom.png');
			background-repeat: no-repeat;
			height: 9px;
			width: 475px;
			margin-bottom : 40px;
		}
			
		.pannonces
		{
			background-image: url('../img/pa_body.png');
			background-repeat: repeat-y;
			width: 475px ;
			margin: 0 auto;
			padding-top:0;	
			position:relative;
			overflow:auto;
		}
		
		
		.pannonces p.titre
		{
			position:relative;
			margin:0;
			text-align:center;
			padding-top:10px;
			font-size: 1.4em ;
		}
		
		.pannonces p.desc
		{
			position:relative;
			margin:0;
			text-align:justify;
			padding-top:5px;
			padding-left:10px;
			padding-right:10px;
			font-size: 1.0em ;
		}
			
		.pannonces p.annonceur
		{
			position:relative;
			margin-top:10px;
			padding-left:10px;
			text-align:left;
			font-size: 1.0em ;
					
		}
				
		.pannonces p.date
		{
			position:absolute;
			margin:0;
			left:380px;
			top:0px;
			font-size: 1.0em ;	
		}
		
		.pannonces i
		{
			color:#33AACE;	
		}	
		
		var 
		{
			margin-left: 0px ;
			text-align: left;
			text-indent: 2em ;
			line-height: 1.4em ;
			font-size: 1em ;
			color: #fff ;
			font-weight: normal ;
			background-color:#32AACE; 
		}

		dt
		{
			font-weight: bold; margin-top:1em;
		}


		blockquote 
		{
			background-color:#fff;
			border: 1px dotted #32AACE;
			padding: 5px;
			color: #777777 ;
		}

		label 
		{
			font-family:"trebuchet ms",sans-serif;
			font-weight:bold
		}
		
		input 
		{
			margin-left: 0px ;
			border:1px solid #32AACE;
			background-color:#fff;
		}
		
		input.button
		{
			margin-left: 0px ;
			color: #fff;
			background: #32AACE;
			width:25px;
			text-align: center;
		}
		
		li, select, option 
		{
			color: #777777 ;
		}
		
		textarea 
		{
			border:1px solid #32AACE;

		}