@charset "UTF-8";
/* CSS Document */

html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	}
body{min-width: 1260px;
}

a{text-decoration:none;}

ul,
a,
p,
h1,
h2,
h3,
h4{font-family:Arial, Helvetica, sans-serif;}

.content{
	background-color:#FFF;
	margin:0 auto;
	padding:0;
	position: relative;
	width:1260px;

}
.head{
	background-image:url(../img/transport-metroexpress-logo.jpg);
	height:140px;
	}
.tel{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	float:right;
	padding:55px 20px 0 0;
	position:relative;
	}
.tel img{
	padding-right:20px;
	}
.nav{
	background-color:#FFF;
	height:55px;
	}
.nav p{
	color:#0f75bc;
	padding-left:20px;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	font-size:24px;
	float:left;
	line-height:60px;
	}
.nav a{
	color:#000;
	padding-right:20px;
	font-size:16px;
	font-weight:500;
	line-height:60px;
	float:right;
	text-transform:uppercase;
	-o-transition:color .2s ease-out;
 	-ms-transition:color .2s ease-out;
 	-moz-transition:color .2s ease-out;
  	-webkit-transition:color .2s ease-out;
  	transition:color .2s ease-out;
	}
.nav a:hover{
	color:#666;
	}

/******************* MISSION *******************/

.mission{
	background:url(../img/pattern-gris.gif);
	height:360px;
	padding:0 10%;
	text-align:center;
	}
.mission h1{
	font-size:30px;
	font-family: 'Droid Serif', serif;
	padding-top:60px;
	}
.mission p{
	padding-top:10px;
	font-size:22px;
	font-family: 'Droid Serif', serif;
	font-weight:400;
	line-height:34px;
	letter-spacing:1px;
	}

/******************* COLLONNES *******************/

.wrap-col{
	padding:20px 0 0 20px;
	float:left;
	}
.col{
	float:left;
	margin-right:20px;
	width:393px;
	}
.col h1{
	color:#0f75bc;
	font-family: 'Droid Serif', serif;
	font-size:24px;
	margin:10px 0 20px 0;
	text-transform:uppercase
	}
.col h2{
	color:#0f75bc;
	font-size:20px;
	margin:10px 0;
	}
.col ul li{
	color:#333;
	font-size:20px;
	margin:6px 0 0 18px;
	}

/******************* FORM *******************/

.form-section{
	background-color:#003366;
	margin-top:40px;
	padding:60px 20px 0 20px;
	}
.address{
	color:#FFF;
	float:left;
	margin-bottom:40px;
	width:1220px;
	}
.address img{
	float:left;
	}
.address p{
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding:16px 22px;
	display:block;
	float:right;
	font-size:20px;
	letter-spacing:2px;
	}
.address a{
	border: 1px solid #FFF;
	color:#FFF;
	padding:16px 14px;
	display:block;
	float:right;
	font-size:20px;
	letter-spacing:2px;
	-o-transition:color .2s ease-out;
 	-ms-transition:color .2s ease-out;
 	-moz-transition:color .2s ease-out;
  	-webkit-transition:color .2s ease-out;
  	transition:color .2s ease-out;
	}
.address a:hover{color:#CCC;}

form{
	color:#FFF;
	}
.fill{
	background-color:#e0e0e0;
	border:none;
	color:#999;
	font-size:16px;
	font-weight:300;
	height:55px;
	margin-bottom:10px;
	text-transform:uppercase;
	text-indent:10px;
	width:1220px;
	}
.description{
	color:#fff;
	display:block;
	line-height:40px;
	text-transform:uppercase;
	}
textarea{ 
color:#000;
background-color:#e0e0e0;
border:none; 
font-size:16px;
font-weight:300;
height:180px;
padding:15px 0 0 10px;
width:1210px;
}
.button_form{ 
background-color:#FFF; 
border:none;
color:#003366;
cursor:pointer;
font-size:16px; 
height:55px;
margin:10px 0 0 485px;;
text-transform:uppercase;
width:250px;
-o-transition:background-color .2s ease-out;
 	-ms-transition:background-color .2s ease-out;
 	-moz-transition:background-color .2s ease-out;
  	-webkit-transition:background-color .2s ease-out;
  	transition:background-color .2s ease-out;
}
.button_form:hover{
	background-color:#e0e0e0;
	}



.top{
	text-align:center;
	padding:35px 0;
	}
.top a{
	color:#FFF;
	}





/******************* FOOT *******************/

.foot{
	background-color:#FFF;
	height:90px;
	}
.copyright{
	font-size:10px;
	float:left;
	margin:40px 0 0 20px;
	}
.realise{
	font-size:10px;
	float:right;
	margin:40px 20px 0 0;
	}
.realise a{
	color:#000;
}