html, div, body {
	margin: 0;
	padding:0;
}
* {
	padding: 0;
	margin: 0;
}
ul, li {
	list-style-type:none;
}
p {margin: 10px 0 0 0;}
img {vertical-align: middle;}
a {
	text-decoration: none;
	color: #2172AE;
}
a:hover {
	text-decoration: underline;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Tahoma, serifSansSerifMonospace;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	color: #3C5A80;
	background-image: url(../images/new/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #83A0BD;
}

#conteneur {
	position: relative;
	background:#93a5bb;
	margin:0 auto;
	width:996px;	
}

#header {
	background-position:left bottom;
	background-repeat:no-repeat;
	height:118px;
	position:relative;
	background-image:url("../images/new/i_bg_header1.jpg");
	background-color:#37537A;
}
#header img#logoserreche {
	left:19px;
	position:absolute;
	top:47px;
}

#centre_right{
	float:right;
	width:10px;
	height:100px;
	background:url(../images/new/bg_centre_right.jpg) 0 0 no-repeat;
}
#centre {
	background-image:url("../images/new/i_bg_centre.png");
	background-repeat:repeat-y;
	min-height:556px;
	float:left;
	width:756px;
	overflow:hidden;
	padding: 10px;
	font-size: 1.1em;
	margin-bottom: 15px;
}

#pied {
	height: 30px;
	color: #FFFFFF;	
	clear:both;
	font-size: 1em;
	padding-top: 15px;
	background:#83A0BD;	
}

#pied a {
	color: #FFFFFF;
	text-decoration: none;
}

#pied a:hover {
	text-decoration: underline;
}

#pied p, #pied p a {
	text-align: right;
	color: #AFCCE2;
	margin-right: 333px;
	margin-top: 0;
}

/**************************************************** FLAGS */

.flags {
	position: absolute;
	top: 15px;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding:0;
}

.flags li {
	display: inline;
}

.flags a {
	display: block;
	height: 10px;
	color: #000;
	text-decoration: none;
	font-size: 0.55em;
	float: left;
	text-transform: uppercase;
	width: 14px;
	padding-top: 20px;
	/*text-align:center;*/
	margin-right: 8px;
}




.flags li.nl a  {
	background-image: url(../images/drapeaux/nl.png);
	background-position:left top;
	background-repeat: no-repeat;
}

.flags li.nl a:hover {

}

.flags li.de a {
	background-image: url(../images/drapeaux/de.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.flags li.de a:hover {

}

.flags li.ru a {
	background-image: url(../images/drapeaux/ru.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.flags li.ru a:hover {

}
.flags li.es a {
	background-image: url(../images/drapeaux/es.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.flags li.fr a {

	background-image: url(../images/drapeaux/fr.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.flags li.fr a:hover {

}

.flags li.en a {
	background-image: url(../images/drapeaux/en.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.flags li.en a:hover {

}
.flags li.it a {
	background-image: url(../images/drapeaux/it.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.flags li.it a:hover {

}



/**************************************************** METEO */

#meteo {
	position: absolute;
	bottom: 0px;
	right: 10px;
	width:138px;
	height:66px;
	color: #3c5a80;

}
#meteo{
	background:url(../images/new/bg_meteo.png) 0 0 no-repeat;
}

#meteo div {
	text-align:center;
	float: left;
	margin-left: 0px;
	margin-top:4px;
	font-size: 1em;
	width:46px;
	line-height:1.6em;
}

/**************************************************** MENU HAUT */
#haut{
	height:34px;
	position:relative;
	z-index:1000;
	font-family:Helvetica,Freesans,sans-serif;
	margin-left:1px;
}
#haut ul {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style-type: none;
	margin: 0;
	padding:0;
}

.menuhaut li {
	display: inline;
}

.menuhaut a {
	display: block;
	height: 34px;
	width:199px;
	color:#103172;
	font-size:1.0em;
	text-align: center;
	line-height:34px;
	text-decoration: none;
	font-weight: bold;
	float: left;
	background:url(../images/new/bg_menu.png) 0 0 no-repeat;
	cursor:pointer;
}

/*.menuhaut a span {
	display: block;
	text-align: center;
	margin-top: 11px;
	color:#103172;
	font-size:1.0em;
	font-weight:bold;
}*/
.menuhaut a.long {
	line-height:14px;
	padding-top:4px;
	height:30px;

}

/* pour tous ru : effet de survol*/
.menuhaut li a {							background-repeat: no-repeat;	background-position: left top;	}

/* élément sélectionné */
.menuhaut li a#current,.menuhaut li a:hover  {	background-position: 0 -34px;text-decoration: none;	}

.menuhaut li a:hover {color:#FFF;}

/******************************************** MENU */
#gauche {
	float:left;
	width:209px;
	background-image:url("../images/new/i_bg_gauche.png");
	background-position:right top;
	background-repeat:no-repeat;
}
#gauche #logorub {
	margin:13px 0 0 2px;
	height:143px;
}
#gauche #logorub img{
	/*display:none;*/
}
#gauche #menug {
	background-color: #93A5BB;
	margin-left: 1px;
	background-image: url(../images/new/bg_gauche_frisemenu.png);
	background-repeat: repeat-y;
	background-position: 9px top;
}
#gauche #menug ul li small {
	color: #FAFBFC;
}
#gauche #menug div {
	border-bottom: 1px solid #C3D0E0;
	border-top: 1px solid #C3D0E0;
	margin-bottom: -1px;
	margin-left: 10px;
	height: auto;
	line-height: 18px;
	padding: 5px 0 5px 0;
	width: 186px;
}
#gauche #menug div a {
	display: block;
	padding-left: 21px;
	background-image: url(../images/new/puce_menu.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
#gauche #menug div a.on,
#gauche #menug div a:hover {
	background-image: url(../images/new/puce_menuong.png);
	background-position: 4px 5px;
	color: #103172;
}
#gauche #menug a {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
#gauche #menug a.on {
	color: #103172;
	font-size: 1.25em;
}
#gauche #menug ul {
	list-style-type: none;
	display: none;
}
#gauche #menug ul.on {
	display: block;
	margin-left: 38px;
	margin-bottom: 5px;
}
#gauche #menug ul.on li {
	height: auto;
	line-height: 14px;
	margin-bottom: 4px;
	margin-top: 4px;
}
#gauche #menug ul.on li a {
	background: none;
	padding: 0;
	display: block;
}
#gauche #menug ul.on li.on a {
	color: #103172;
}
#gauche #fin {
	height: 44px;
	margin-left: 1px;

}
/******************************************************** centre */
#topcentre {
	background-image:url("../images/new/i_bg_centre_top.jpg");
	background-repeat:no-repeat;
	height:30px;
	float:left;
	width:786px;
}
/******************************************************* itinéraire*/
.txt_iti {
	font-size:12px;
}
/******************************************************* FLASH TOP */

#flash-top {
	position: absolute;
	top: 0;
	left: 300px;
}

/******************************************** AUTRES */
p {
	margin: 10px 0 10px 0;
	text-align: justify;
}

p.bleu {
	font-size: 1.1em;
	color: #2172AE;
	font-weight: bold;
}

h1 {
	background-image:url("../images/new/bg_h1.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	font-size:2.5em;
	margin:3px 0 5px 5px;
	padding:0 0 4px 5px;
	text-transform:uppercase;
}
h2{
	background-image:url("../images/new/bg_h2spip.jpg");
	background-repeat:no-repeat;
	display:block;
	font-size:1.05em;
	height:21px;
	margin:10px 0 8px 0px;
	padding:7px 0 0 11px;
	text-transform:uppercase;
}
h3{
	font-size:1.05em;
	text-transform:uppercase;
	margin:10px 0 0px 10px;
}

#centre ul.h1,#centre  ul.h2 {
	list-style-type: none;

	margin: 0;
	padding: 0;
}





div.clear {
	clear: both;
	margin-bottom: 10px;
}

td.titre1 {
	padding-left: 12px;
	width: 255px;
	font-size: 1.4em;
	font-weight: bold;
	color: #F3F6FA;
	height: 43px;
	background-image: url(../images/titre1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

td.titre2 {
	padding-left: 25px;
	font-size: 1.4em;
	font-weight: bold;
	color: #F3F6FA;
	height: 43px;
	background-image: url(../images/titre2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

td.titre3 {
	padding-left: 20px;
	font-size: 1.4em;
	font-weight: bold;
	color: #F3F6FA;
	height: 43px;
	background-image: url(../images/titre3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
td.titre4 {
	padding-left: 17px;
	font-size: 1.4em;
	font-weight: bold;
	color: #F3F6FA;
	height: 43px;
	background-image: url(../images/titre4.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#centre p,#centre li{

	margin-left:10px;
}
#centre li{
	background: url(../images/new/puce-dcd7c.gif) 0 2px no-repeat;
	padding-left:14px;
}
ul.pistes {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1.05em;
	padding-top: 4px;
	padding-left: 10px;
}

a.top {
	display: block;
	color: #658CC1;
	text-decoration: none;
	font-size: 0.85em;
	width: 25px;
	height: 18px;
	padding-left: 15px;
	padding-top: 4px;
	background-image: url(../images/new/top.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
}

a.top:hover{
	text-decoration: underline;
}

ul.puce1 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 10px;
}

ul.puce1 li {
	background-image: url(../images/puce1.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 26px;
	margin-bottom: 4px;
}

ul.puce1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 8px;
	padding-left: 12px;
}

#centre ul.puce1 ul li {
	background:none repeat scroll 0 0 transparent;
	list-style:square inside none;
	margin-left:35px;
	padding:0;
}

ul.puce1 ul ul li {
	background-image: url(../images/puce_s.png);
	background-repeat: no-repeat;
	background-position: 14px 10px;
	margin-bottom: 2px;
}

a.puce_lien {
background-image:url("../images/new/flec_bleue.png");
background-position:left 3px;
background-repeat:no-repeat;
color:#3C5A80;
font-size:bold;
display:list-item;
list-style-type:none;
margin:6px 0 0 10px;
padding-left:13px;
}

a.puce_lien:hover{
	text-decoration: underline;
}

/********************************************************** GOOGLE MAP */

#map {
	width: 600px;
	height: 300px;
	margin:0 auto;
}


/******************************************** ITINERAIRE */
#itineraire {
	padding:0;
	margin:0;
	background-color:#93A5BB;
	margin-left:1px;
	padding-top: 10px;
	padding-left:10px;
}
#itineraire #iti_head {
	margin:0; 			padding:0;
	height: 8px;		width:187px;


}

#itineraire #iti_foot  {
	height: 8px;
	width:187px;
	margin:0;
	padding:0;
}
#itineraire #iti_body {
	width:177px;
	margin:0; 			padding:0 5px 15px 5px;
	background-color:#AABBCC;
	color:#333;			font-size: 0.75em;
}
#itineraire .titre {
	margin:0; 			padding:0;
	text-align:center;	color: #103172;
	font-size: 1.4em;	text-decoration: none;
	font-weight: bold;
}
#itineraire #iti_body  input.iti_text {
	border:1px solid #DEDEDE;
	width:130px;
}
#itineraire #iti_body  input.iti_btn {
	border:1px solid #3C5A80;
	color:#FFF; 		background:#93A5BB;
}