/* CSS Document */
body {
	background: #94000C;
	text-align : center;
	margin: 5px;
	padding: 0;
}
img{
	color:#94000C;
	border: 0px;
}
a {
	color:#94000C;
	border: 0px;
}
#page{
	width: 791px;
	height:576px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
/*	border: 1px solid #000000;*/
}
#header {
	width: 791px;
	height:128px;
	/*background-color:#00FFFF;*/
}

#header1 {
	float:left;
	height: 128px;
	width: 207px;
	background-image: url(/images/h1.gif);
}
#header2 {
	position:absolute;
	left:207px;
	height: 85px;
	width: 584px;
	background-image: url(/images/h2.jpg);
}
#demassini {
	height: 128px;
	width: 207px;
	text-decoration: none;
}
#demassini  em{
	visibility: hidden;
}

#adresse {
	position:absolute;
	left:207px;
	top:85px;
	height: 43px;
	width: 584px;
	background-image: url(/images/us/h3.gif);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	background-position: center;	
}

#menu {
	float: left;
	width: 146px;
	height: 556px;
	background-image: url(/images/menu_us.jpg);
	background-repeat: no-repeat;
/*	background-color:#0FaAFF;*/
	text-align : left;
}

#contenu {
	float: left;
	width: 645px;
	height: 556px;
	background-color:#FFFFFF;
}

#menu a {
	position: absolute;
	width:141px; 
	height:25px; 
	text-decoration: none;
	display: block;
}

#menu a em {
	visibility: hidden;
}

#societe:hover{ 
   background: url(/images/us/societe.gif)  no-repeat; 
}

#societe-on{ 
   background: url(/images/us/societe.gif)  no-repeat; 
}


#nouveaute{ 
   top:177px; 
} 

#nouveaute:hover{ 
   background: url(/images/us/nouveaute.gif)  no-repeat;
} 
#nouveaute-on{ 
   top:178px; 
   background: url(/images/us/nouveaute.gif)  no-repeat;
} 
#locomotives{ 
   top:229px; 
} 

#locomotives:hover{ 
   background: url(/images/us/locomotives.gif)  no-repeat;
} 
#locomotives-on{ 
   top:229px; 
   background: url(/images/us/locomotives.gif)  no-repeat;
} 

#voyageurs{ 
   top:290px; 
} 

#voyageurs:hover{ 
	background: url(/images/us/voyageurs.gif)  no-repeat;
}
#voyageurs-on{ 
   top:290px; 
   background: url(/images/us/voyageurs.gif)  no-repeat;
} 
#marchandides{ 
   top:358px; 
} 

#marchandides:hover{ 
	background: url(/images/us/marchandises.gif)  no-repeat;
}
#marchandides-on{ 
   top:358px; 
   background: url(/images/us/marchandises.gif)  no-repeat;
} 

#accessoires{ 
   top:420px; 
} 

#accessoires:hover{ 
	background: url(/images/us/accessoires.gif)  no-repeat;
}
#accessoires-on{ 
   top:420px; 
   background: url(/images/us/accessoires.gif)  no-repeat;
} 


#vehicules{ 
   top:477px; 
} 

#vehicules:hover{ 
	background: url(/images/us/vehicules.gif)  no-repeat;
}
#vehicules-on{ 
   top:477px; 
   background: url(/images/us/vehicules.gif)  no-repeat;
} 


#distributeurs{ 
   top:534px; 
} 

#distributeurs:hover{ 
	background: url(/images/us/distributeurs.gif)  no-repeat;
}
#distributeurs-on{ 
   top:534px; 
   background: url(/images/us/distributeurs.gif)  no-repeat;
} 

#contact{ 
   top:591px; 
} 

#contact:hover{ 
	background: url(/images/us/contact.gif)  no-repeat;
}
#contact-on{ 
   top:591px; 
   background: url(/images/us/contact.gif)  no-repeat;
} 

#recherche{ 
   top:648px; 
} 
#recherche:hover{ 
	background: url(/images/us/recherche.gif)  no-repeat;
}
#recherche-on{ 
   top:648px; 
   background: url(/images/us/recherche.gif)  no-repeat;
} 
.flottante 
{
background-color: #ffffff;
margin: 2px;
margin-top:8px;
float: left;
width: 150px;
height : 175px;
text-align: center;
border: 1px solid #000000;
}
.noborder{
border: 0px;
}
.flot_dist 
{
background-color: #ffffff;
margin: 3px;
margin-top:8px;
float: left;
width: 222px;
height: 170px;
text-align: center;
border: 1px solid #000000;
}
#conteneur {
	width: 470px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #000000;
	text-align: center;
}
hr {
clear: both;
visibility: hidden;
margin:0;
}
.preload1 {
background: url(/images/us/societe.gif);
display: none;
} 
.preload2 {
background: url(/images/us/nouveaute.gif);
display: none;
} 
.preload3 {
background: url(/images/us/locomotives.gif);
display: none;
} 
.preload4 {
background: url(/images/us/voyageurs.gif);
display: none;
} 
.preload5 {
background: url(/images/us/marchandises.gif);
display: none;
} 
.preload6 {
background: url(/images/us/distributeurs.gif);
display: none;
} 
.preload7 {
background: url(/images/us/contact.gif);
display: none;
} 
.preload8 {
background: url(/images/us/recherche.gif);
display: none;
} 

#presentation {
	margin-top:15px;
	width: 480px;
	background-color:#F4F4F7;
	margin-left: auto;
	margin-right: auto;
	border: 1px #000000;
	border-style: dashed;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	text-align:justify;
}
.centrer{
	text-align:center;
}
.liste{
	font-weight: bold;
	text-align:center;
}

#l-flei {
	float: left;
	width: 160px; 
	height: 150px;
	padding: 0px 20px;
}

#l-brawa {
	float: right;
	width: 160px; 
	height: 150px;
	padding: 0px 35px;
}
#l-artrain {
	padding: 10px;
	text-align:center;
}
form,input,select,textarea  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	border-color : #000000;
	border-top-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-right-width : 1px;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #94000C;
}
.info, .ams {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.pagbold {
	font-weight: bold;
}
.detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.ams {
	color:#4A0400
}
#padding {
	width: 375px;
	background-color:#FFFDEA;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align:center;
}
div.row {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 500px;
}

div.row span.label {
	float: left;
	padding-top: 3px;
	text-align: right;
	width: 180px;
}
#carte
{
	width: 250px;
	height: 253px;
}
#dist
{
	position:absolute;
	width:242px;
	height:250px;
	left: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	top: 200px;
}
