/* CSS Document */

body {
	margin: 0 0 0 50px;
	padding: 0;
	width: 738px;
	border-left: 1px solid #005E31;
	border-right: 1px solid #005E31;
	border-bottom: 1px solid #005E31;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: left;
}
#top, #search {
	height: 40px;
	margin: 0;
	padding: 0.8em 1em;
}

#top {
	float: left;
}
#top a:link {
	color: #333333;
	text-decoration: none;
}
#top a:visited {
	color: #333333;
	text-decoration: none;
}
#top a:hover {
	color: #333333;
	text-decoration: underline;
}

#search {
	float: right;
}
#search form {
	margin: 0;
}
#search select{
	background: #FEEBE2;
	border: 1px solid #000000;
	margin: 4px 4px 4px 0;
	float: left;
	height: 1em;
}
#search input{
	background: #FEEBE2;
	border: 1px solid #000000;
	margin: 4px 4px 4px 0;
	padding: 1px 2px 2px 2px;
	float: left;
}
#search input.buttonGo {
	background: #CC3333;
	color: #FFFFFF;
	text-align: center;
	height: 1em;
	width: 30px;
	padding: 0;
}
#search input.buttonGo:active {
	color: #FFFFFF;	
	background: #93A899;
}
#brrc {
	height: 50px;
	margin: 0;
	padding: 20px 1em 0 1em;
	text-indent: 50px;
	font-size: 1.8em;
	font-weight: bold;
	color: #666666;
	background: url("../img_com/brrc_green.gif") no-repeat 1em 20px;
	width: 80%;
	/* bug interner explorer ----------------------------------------------------------------*/
	/*_clear: left;*/
	clear: none;
	/* bug interner explorer ----------------------------------------------------------------*/
}
#belac {
	float: right;
	margin-top: -65px;
	margin-right: 1em; 
	padding: 0em;
}
#belac img {
	border: none;
}

#picture-green {
	clear: both;
	margin: 0 1em;
	height: 175px;
	overflow: hidden;
	background: #005E31 url("../img_com/top_green.jpg") no-repeat 520px 60px;
}

#bloc_nav {
	margin: 1em 1em 0 1em;
	
}

#window {
	height: 60px;
	background: #CCCCCC;
}

	
#navigator, #navigator_en {
	position: relative;
	top: -60px;
	width: 720px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
}
#navigator dt, #navigator_en dt {
	position: relative;
	top: 60px;
	width: 220px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 5px;
	display: inline;
	float: left;
	background: #999999 url(../img_com/corner_red.gif) no-repeat right bottom;
}
#navigator dt {
	height: 20px;
}
#navigator_en dt {
	height: 34px;
}
#navigator dt a, #navigator_en dt a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#navigator dt a:link, #navigator_en dt a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#navigator dt a:visited, #navigator_en dt a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#navigator dt a:hover, #navigator_en dt a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
#navigator dd, #navigator_en dd {
	position: absolute;
	top: 3px;
	left: 15px;
	margin: 0px;
	width: 690px;
	padding: 0px;
	display: none;
}
#navigator dd a:link, #navigator_en dd a:link {
	color: #333333;
	text-decoration: none;
}
#navigator dd a:visited, #navigator_en dd a:visited {
	color: #333333;
	text-decoration: none;
}
#navigator dd a:hover, #navigator_en dd a:hover {
	color: #990000;
	text-decoration: underline;
}
#pub {
	margin: 0 1em; 
	_margin: 0em 0.5em;
	text-align: center;
}
#pub img, #pub object, #pub embed {
	margin: 2em 0 1em 0;
}

#direct-access, #direct-access_1, #bloc-shortcut {
	margin: 0em 1em;
	padding: 10px 0px 10px 0px;
}
#direct-access div {
	float: left;
	width: 24%;
}
#direct-access img {
	display: block;
	margin: 0px 5px 0px 5px;
	border: none;
}
#direct-access h1 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	color: #000000;
}
#direct-access h1 a:link, #direct-access h1 a:visited {
	color: #000000;
	text-decoration: none;
}
#direct-access h1 a:hover {
	color: #000000;
	text-decoration: underline;
}

#bloc-shortcut {
	border: none;
}
#bloc-shortcut div {
	float: left;
	width: 192px;
	padding: 1em;
	border: 1px solid #999999;
	margin: 0px 10px 10px 0px;
}

#bloc-shortcut h1{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	color: #990000;
}
#bloc-shortcut h2, #direct-access h2{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	clear: both;
}
#bloc-shortcut img{
	border: 1px solid #000000;
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#bloc-shortcut img.info{
	border: none;
	display: block;
	margin: 0.5em 0;
}
#bloc-shortcut a, #bloc-shortcut a:link {
	color: #000066;
	text-decoration: underline;
}
#bloc-shortcut a:visited {
	color: #000066;
	text-decoration: underline;
}
#bloc-shortcut a:hover {
	color: #990000;
	text-decoration: underline;
}

#copyright {
	font-weight: normal;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
	margin: 2em 2em 2em 2em;
	padding: 1em;
	border-top: 1px solid #999999;
}

/*---------------------------------------------------------------------------------------*/

#navigator_top {
	background: url(../img_com/top_publication.jpg) no-repeat center top;
	width: 100%;
	margin: 0;
	padding: 73px 0 0 0;
}
#navigator_top p {
	padding: 0 5px;
	margin: 0;
	margin-left: 1em;
	_margin-left: 0.55em;
	clear: both;
	width: 700px;
	float: left;
	background: url(../img_com/grad_dark.jpg);
	overflow: hidden;
}
#navigator_top p a:link, #navigator_top p a:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0px;
	padding: 4px 7px 0px 7px;
	height: 21px;
	white-space: nowrap;
}
#navigator_top p a:hover {
	color: #000000;
	text-decoration: underline;
	background-image: url(../img_com/grad_light.jpg);
	background-repeat: repeat-x;
}
#etat {
	color: #FFFFFF;
	background: #999999 url(../img_com/corner_red.gif) no-repeat right bottom;
	padding: 12px;
	clear: both;
	margin: 0 1em;
}

#content {
	float: left;
	width:700px;
	_width:710px;
	margin: 0.5em 1em;
	_margin: 0.5em 0 0 0;
	padding: 0 1em 0 0;
	_padding: 0 1em;
}
#navigator_interne {
	width: 190px;
	margin: 0;
	float: left;
	padding: 0;
}
#navigator_interne dt{
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	padding: 8px 0;
	border-bottom: 1px solid #005E31;
}	
#navigator_interne dt.flash{
	width: 600px;
	border:none;
	text-align:left;
	padding:0px;
	position: absolute;
}
#navigator_interne dt.flash object{
	margin:0;
	border:1px solid #000000;
}

#navigator_interne dt:first-letter {
	color: #990000;
}
#navigator_interne dt a:link {
	color: #333333;
	text-decoration: none;
}
#navigator_interne dt a:link:first-letter {
	color: #990000;
}
#navigator_interne dt a:visited {
	color: #333333;
	text-decoration: none;
}
#navigator_interne dt a:visited:first-letter {
	color: #990000;
}
#navigator_interne dt a:hover {
	color: #333333;
	text-decoration: none;
}
#navigator_interne dt a:hover:first-letter {
	color: #000000;
}
#navigator_interne dd {
	margin: 0px;
	display: none;
}
#navigator_interne dd a {
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #999999;
}	
#navigator_interne dd a:link {
	color: #000000;
	text-decoration: none;
}	
#navigator_interne dd a:visited {
	color: #000000;
	text-decoration: none;
}	
#navigator_interne dd a:hover {
	color: #FF6600;
	text-decoration: none;
}

#content div.txt {
	float:right;
	width: 500px;
}

		
	.txt h1, .txt h2, .txt h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		padding-left: 8px;
		padding-top: 5px;
		margin-top: 25px;
		margin-bottom: 10px;
		clear: both;
	}
	.txt h1 {
		font-size: 18px;
		color: #666666;
		border-left-color: #990000;
		border-left-width: 3px;
		border-left-style: solid;
		margin: 0px;
	}
	.txt h1:first-letter {
		color: #990000;
	}
	.txt h2 {
		font-size: 14px;
		color: #005E31;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #999999;
	}
	.txt h3 {
		font-size: 12px;
		color: #666666;
		text-decoration: underline;
		margin-top: 25px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}
	.txt p {
		clear: both;
	}
	.txt a:link ,.txt a:visited {
		color: #0033CC;
		text-decoration: none;	
	}
	.txt a:hover {
		color: #990000;
		text-decoration: underline;	
	}
	.txt ul {
		margin: 10px 0px 0px;
		padding: 0px;
		clear: both;
	}
	.txt ul li, .box_pub ul li {
		margin-bottom: 10px;
		margin-left: 15px;
		list-style-position: outside;
		list-style-image: url(../img_com/trait.gif);
	}
	.txt ol {
		list-style-type: decimal;
	}
	.txt img {
		border: 1px solid #000000;
		display: block;
		margin: 0px 12px 12px 0px;
		padding: 0px;
		float: left;
		clear: left;
	}
	.txt p img {
		border: none;
	}
	
	
#content p.remark {
	background-color: #CCDDEE;
	padding: 10px;
	border: 1px solid #6699CC;
	margin: 10px;
	float: left;
	width: 100%;
}

#content p.remark_drainingpavements {
	background-color: #CCDDEE;
	padding: 10px;
	border: 1px solid #6699CC;
	margin: 10px;
	float: left;
}

#content p.remark_drainingpavements_red {
	background-color: #FFDFDF;
	color: #FF0000;
	padding: 10px;
	border: 1px solid #FF0000;
	margin: 10px;
	float: left;
}

.txt form {
	border: 1px solid #6699CC;
	padding: 10px;
	margin-top: 20px;
}
.txt form fieldset {
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-bottom: 1px solid #6699CC;
	padding-top: 20px;
}

.txt form fieldset input {
	position: relative;
	top: -1.4em;
	left: 10em;
	display: block;
	width: 250px;
}

.txt form fieldset legend {
	margin-bottom: 10px;
	margin-top: 0px;
}

.txt form fieldset textarea {
	position: relative;
	top: -1.4em;
	left: 10.2em;
	display: block;
	width: 250px;

}
.txt form form label {
	float: left;
	clear: both;
	display: block;
	width: 500px;
	margin-top: -1em;
}


.txt form label dfn.compulsoryFields {
	border: none;
	color: #FF0000;
	float: right;
	display: block;
	margin-top: -3em;
}


.txt form fieldset.checkbox input {
	margin-left: -10em;
	width: auto;
}

.txt form fieldset.checkbox label {
	margin-bottom: 1em;
	padding: 0em 0em 0em 4em; 
	width: 400px;
}

	

	.txt table {
	width: 100%;
	margin-bottom: 2em;
	}
	.txt table td {
		padding: 0.5em;
		
	}
	.txt table img {
		border: none;
		float: none;
		margin: 0;
	}


.back_top {
	font-size: 9px;
	text-decoration: none;
	background-image: url(../img_com/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 8px;
	color: #000000;
	height: 15px;
	width: 15px;
	display: block;
	clear: both;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}



#content div.box_pub {
	margin-bo: 0px;
	padding: 0px;
	/*background-image: url(../img_com/corner_top.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
	border-top: 1px solid #999999;
	clear: both;
}
	#content div.box_pub h1 {
		border: none;
		font-weight: normal;
		/*margin-top: -14px;*/
		_margin-top: 0px;
		font-size: 14px;
		height: 20px;
		float: left;
		padding-right: 8px;
		top: 8px;
	
	}
	#content div.box_pub h2 {
		margin: 15px 0px 0px;
		float: right;
		width: 340px;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		border-left-style: solid;
		border-left-color: #990000;
		padding-top: 8px;
		padding-left: 15px;
	}
	#content div.box_pub h3 {
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		clear: both;
		padding-top: 10px; 
		padding-bottom: 10px;
		margin: 0px;
	}
	#content div.box_pub h4 {
		font-weight: normal;
		margin: 0px;
		font-size: 10px;
		height: 20px;
		float: right;
		padding-right: 8px;
		position: relative;
		top: 8px;
	}
	#content div.box_pub ul, .box_pub p {
		/*margin-top: -150px;*/
		_margin-top: 0px;
		padding: 0px;
		float: right;
		width: 320px;
	}
	#content div.box_pub img {
		float: left;
		border: 1px solid #000000;
		margin-top: 15px;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	

.lg, .open, .download, .send, .kb {
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	text-decoration: none;
	color: #000000;
	display: block;
}


.lg {
	background-image: url(../img_com/puce_arrow.gif);
	width: 12%;
	font-weight: bold;
	text-indent: 15px;
	float: left;
}


.open {
	background-image: url(../img_com/acrobat.gif);
	width: 20%;
	text-indent: 25px;
	float: left;
}


.download {
	background-image: url(../img_com/disk.gif);
	width: 25%;
	text-indent: 25px;
	float: left;
}


.send {
	background-image: url(../img_com/send.gif);
	width: 25%;
	text-indent: 35px;
	float: left;
}


.open:visited, .download:visited, .send:visited {
	text-decoration: none;
	color: #000000;
}


.open:hover, .download:hover, .send:hover {
	color: #990000;
	text-decoration: underline;
}


.kb {
	text-align: right;
	float: right;
}

.contact {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #990000;
	padding-left: 8px;
}


.contact:first-line {
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
}


.page_at_page {
	text-align: center;
	font-size: 10px;
	clear: both;
}
	.page_at_page a:link {
		color: #666666;
		text-decoration: none;
	}
	.page_at_page a:visited {
		color: #666666;
		text-decoration: none;
	}
	.page_at_page a:hover {
		color: #990000;
		text-decoration: underline;
	}













/*---------------------------------------------------------------------------------------*/

.lastupdate {
	font-size: 0.8em;
	color: #666666;
	float: right;
}

.red {
	color: #CC3333;
}
.style2 {
	font-size: 0.7em;
}

/*---------------------------------------------------------------------------------------*/

#content p.boutonBonus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	line-height: 10px;
	vertical-align: middle;
}
#content p.boutonBonus a, #content p.boutonBonus a:link #content p.boutonBonus a:visited {
	background: url(../flash/boutonV.gif) no-repeat center center;
	color: #006600;
	text-decoration: none;
	display: block;
	height: 45px;
	width: 150px;
	text-align: center;
	padding-top: 10px;
}
#content p.boutonBonus a:hover {
	background: url(../flash/boutonVV.gif) no-repeat center center;
	color: #029801;
	font-weight: bold;
}
.figure_long1 {
	border: 1px solid #000000;
	padding: 1em;
	display: none;
	overflow: visible;
	position: absolute;
	z-index: 5;
	height: 1000px;
	width: 500px;
	left: 50%;
	top: 30%;
	margin-top: -110px;
	margin-left: -220px;
	background: #FFFFCC;
}
.figure_long {
	border: 1px solid #000000;
	padding: 1em;
	display: none;
	overflow: visible;
	position: absolute;
	z-index: 5;
	height: 750px;
	width: 500px;
	left: 50%;
	top: 30%;
	margin-top: -110px;
	margin-left: -220px;
	background: #FFFFCC;
}
.figure {
	border: 1px solid #000000;
	padding: 1em;
	display: none;
	overflow: visible;
	position: absolute;
	z-index: 5;
	height: 350px;
	width: 500px;
	left: 50%;
	top: 30%;
	margin-top: -110px;
	margin-left: -220px;
	background: #FFFFCC;
}
.figure a[title=close] {
	color: #990000;
	text-decoration: underline;
	float: right;
}
.printPdf{
	background-image: url(../images/print.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
	width: 40px;
	padding-left: 20px;
	text-align: right;
	float: right;
	top: 45px;
	position: relative;
}
.printPdf a {
	color:#990000;
}



.spacer {
	clear: both;
}