*{padding:0;margin:0}
img {border: none;vertical-align: top;}
.cleaner {line-height: 0;height: 0;clear: both;float:none!important;font-size: 0;}
.hidden {display:none!important;}

.txt {background: url(txt.jpg) no-repeat;padding: 20px 0 0;clear:both;}
.img-rep {float: left;padding: 5px 30px 0;}
.img-rep img {border: 3px solid #e6e7eb;}
.txt h1 {font-size: 18px;color: #008833;font-weight: bold;padding: 0 0 10px;}
.txt-p {float:left;width: 670px;}
.txt-p p {font-size: 12px;color: #000;padding: 0 0 10px;}
.txt h2 {font-size: 12px;font-weight: bold;color: #014a8c;}
.fin {background: url(fin.gif) no-repeat;height: 16px;}
.info {background: url(info.gif) no-repeat left bottom;padding: 0 0 20px;overflow: auto;}
.info h2 {background: url(info-title.jpg) no-repeat;font-size: 13px;color: #FFF;padding: 5px 0 5px 20px;}

.but {background: url(menu.jpg) no-repeat 15px 15px;float: left;width: 200px;padding: 20px 40px 10px 25px;min-height:550px;height:auto!important;height:550px;}
.but li {display:block; padding-bottom:1px; list-style:none;}
.but a {
	font-size: 11px;
	color: #000;
	padding: 2px 0 2px 5px;
	border-bottom: 1px dotted #000;
	display:block;
	text-decoration:none;
	line-height: 14px;
	font-weight: normal;
}
.but a:hover {background: #eaecf1 url(arrow.gif) no-repeat 190px center;color: #009318;}
.base h2 {font-size: 11px;color: #0046a9;font-weight: bold;}
.base {padding: 0 15px 20px;clear: both;}
.base p {font-size: 11px;color: #2f2f2f;}
.base a {color:#2f2f2f;text-decoration:underline;font-weight: normal;}
.base a:hover { text-decoration: none;}
.info-center {
	float:left;
	width:480px;
	padding: 20px 0px 0px;
}
.m-container {background: #b5b8bd;font: 12px Arial, Helvetica, sans-serif;width: 950px;}
.m-all {background: url(m-all.gif) no-repeat left bottom;padding: 0 0 15px 0px;}
.m-all h2 {background: url(m-all-title.jpg) no-repeat;font-size: 13px;color: #FFF;padding: 5px 0 5px 20px;}
.m-space {padding: 0px 0px 0px 15px;}


.m-fi {padding-bottom:10px;}
.m-fi h3 {font-weight: bold;color: #00852c;border-bottom: 1px dotted #000;padding: 0 0 4px;font-size: 12px;}
.m-fi p {padding: 5px 0 10px;font-size: 11px;}

.m-all p {color: #000;}
.m-prenez {font-size: 10px;color: #FFF;background: url(m-prenez.jpg) no-repeat;display: block;padding: 2px 0 4px 2px;}
.m-rpt {border-top: 1px dotted #000;padding: 8px 0;}
.m-rpt h3 {font-weight: bold;color: #004198;font-size: 12px;background: url(arrow-2.gif) no-repeat 5px center;padding: 0 0 0 13px;}
.m-rpt a {font-size: 11px;color: #102a8c;text-decoration: underline;font-weight: normal;}
.m-rpt a:hover { text-decoration:none;}
.m-rpt p {font-size:11px;padding: 4px 0 0 13px;}
.m-st {background: #FFF url(m-st.gif) no-repeat;float: left;width: 335px;margin: 10px 0 0 0px;padding: 10px;}

.m-scrol {overflow-y: scroll;height: 580px;}

.m-imp { float:right; margin-top:-24px;}
.m-centru {padding:10px; float:left; width:556px;}
.m-nav h3 {font-size: 11px;font-weight: bold;color: #FFF;background: url(nav-h3.jpg) no-repeat;display: block;padding-left:5px;margin: 5px 0;}
.m-nav li {float:left;display:block;padding: 2px 0 2px 3px;}
.m-nav a {float:left;display:block;height: 30px;width: 240px;font-size: 11px;font-weight: normal;color: #004198;background: #FFF;padding: 5px 0 0 32px;}
.m-nav a strong {font-weight: normal;color: #008f35;}
.m-nav a:hover {text-decoration:underline;}

#ico-1 a {background:#FFF url(ico-1.jpg) no-repeat 5px 2px;}
#ico-2 a {background:#FFF url(ico-2.jpg) no-repeat 5px 0;}
#ico-3 a {background:#FFF url(ico-3.jpg) no-repeat 5px 2px;}
#ico-4 a {background:#FFF url(ico-4.jpg) no-repeat 5px 0;}
#ico-5 a {background:#FFF url(ico-5.jpg) no-repeat 5px 2px;}
#ico-6 a {background:#FFF url(ico-6.jpg) no-repeat 5px 0;}
#ico-7 a {background:#FFF url(ico-7.jpg) no-repeat 5px 2px;}
#ico-8 a {background:#FFF url(ico-8.jpg) no-repeat 5px 0;}
#ico-9 a {background:#FFF url(ico-9.jpg) no-repeat 5px 0;}
#ico-10 a {background:#FFF url(ico-10.jpg) no-repeat 5px 0;}

.m-list {padding-top:10px;padding-bottom: 10px;}
.m-list p {font-size: 12px;font-weight: bold;color: #004198;background: #ecedf1;border-bottom: 1px solid #88a4c7;padding: 2px 2px 2px 6px;}
.m-list ul { padding-top:4px; padding-bottom:20px;}
.m-list li {padding-bottom:1px;color: #00852c;display:block;padding-left: 0;}
.m-list li a {color: #000;font-weight: normal;background: url(bulet.gif) no-repeat 5px center;border-bottom: 1px dotted #00852c;display:block;padding: 2px 0 2px 17px;}
.m-list a:hover {background:#F0FFF5 url(bulet.gif) no-repeat 5px center;}

.y-map {border: solid 2px #FFF;}
.m-prenez:hover { text-decoration:underline;}

/* A garder pour liveserver sous firefox*/
<rde-dm:attribute mode="write" attribute="request:rdeResponseMimetype" op="set" value="text/css"/>
/* A garder pour liveserver sous firefox*/