@charset "utf-8";

body {	background-image:url(../img/background.jpg);	background-repeat:no-repeat;	background-position:50% 50%;	background-attachment:fixed;	background-color:#6da435;	position:relative;	font-family:Arial, Helvetica, sans-serif; position:relative; margin:0;}
#container{	margin:0 auto;	width:971px;}
#containerheader{	width:971px;	height:161px;	background: url(../img/header_background.png);	background-repeat:no-repeat;}
#containerbody{	width:971px;	background: url(../img/body_background.jpg);	background-repeat:no-repeat;	background-color:#fbfaf7; position:relative;}

#containerfooter{	width:931px;	height:32px;	color:#FFFFFF; font-size:12px;}
#containerfooter a{	color:#FFFFFF;}
#containerfooter a:hover{	color:#FFFFFF;	text-decoration:underline;}

#containerbody #contenu p{ 	margin:0 0 10px 0; font-size:13px; text-align:justify;}
#containerbody #contenu h2{ margin:0 0 10px 0; font-size:15px;}
#menugauche{	width:160px; 	margin-left:23px;	padding-left:20px;	font-size:14px; 	float:left; }

#containerbody #contenu{	width:725px;	margin-left:215px;	position:relative;	zoom:1;}
#containerbody #contenu #right{	float:right;	width:230px;}
#containerbody #contenu #right #infopratique{	height:195px;}
#containerbody #contenu #right a{
	border-bottom:dotted 1px #c9c8c6;
	display:block;
	line-height:22px;
	padding:0 20px 0 5px;
	background-image:url(../img/arrow.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	width:205px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	-icab-text-overflow: ellipsis; 
	-khtml-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	-webkit-text-overflow: ellipsis;
}
#containerbody #contenu #right a:hover{
	color:#80a530;
	/*-o-text-overflow: inherit;
	text-overflow: inherit;
	overflow: visible;*/
}
#containerbody #contenu #right a#next, #titresinfopratique a#next{	color:#80a530;	text-decoration:none;	background:none;	border:none;	font-size:10px;	text-align:right;}

#titresinfopratique a{
	border-bottom:dotted 1px #c9c8c6;
	display:block;
	line-height:22px;
	padding:0 20px 0 5px;
	background-image:url(../img/arrow.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	width:170px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
	-icab-text-overflow: ellipsis; 
	-khtml-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	-webkit-text-overflow: ellipsis;
}
#titresinfopratique a:hover{
	color:#80a530;
	/*-o-text-overflow: inherit;
	text-overflow: inherit;
	overflow: visible;*/
}

h1{ 	margin:0; 	padding:0;	background-image:url(../img/puce_titre.png);	background-repeat:no-repeat;	background-position:0 3px;	font-size:14px;	font-weight:500;	padding-left:20px;	line-height:22px;}
h3{ 	margin:0; 	padding:0;	background-image:url(../img/puce_titre.png);	background-repeat:no-repeat;	background-position:0 3px;	font-size:14px;	font-weight:500;	padding-left:20px;	line-height:22px;}
h3 span{	font-weight:bold;	color:#7fa330;}

a {	color:#000000;	text-decoration:none;}
a:hover {	color:#80a530;}
a:active {	color:#80a530;}
img{	border:none;}

#etaterrain{	background-image:url(../img/bg_etat_terrains.jpg); 	background-repeat:no-repeat; 	width:451px; 	height:145px;	padding:16px;	position:relative;}
#etaterrain span{	display:block;	background-image:url(../img/border_bottom_terrains.jpg);	background-position:left bottom;	background-repeat:no-repeat;	line-height:24px;	width:255px;	font-size:12px;	padding:0 15px;}
#etaterrain span img{	float:right;	margin-top:3px;}



/*************************************
MENU
*************************************/
ul.menu{	margin:0;	padding:0;}
ul.menu, ul.menu ul {	list-style-type:none;	margin: 0;	padding: 0;	width:160px;}

ul.menu a {	display: block;	text-decoration: none;	line-height:22px;	height:22px;}

ul.menu li {  /*margin-top: 1px;*/}
ul.menu li img{	border:0;	margin-bottom:-3px;	margin-right:7px;}

ul.menu li a {	color:#000000;}

ul.menu li a:hover, ul.menu li a#active {	color:#80a530;}

ul.menu li ul li a {	padding-left: 30px;	line-height:20px;	height:20px;}

ul.menu li ul li a:hover, ul.menu li ul li a#active {	padding-left: 30px;	background-image:url(../img/arrow.gif);	background-repeat:no-repeat;	background-position:20px 8px;}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

/*************************************
MENU
*************************************/