/*
	CSS Document
	ATA Taxi Style
*/
/* Imports */
@import url("/src/css/reset.css");
@import url("/src/css/layout.css");
/* Body */
body {
	background-color: #fff;
	font-size: 76%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Header */ 
#header {
	background: #fff url(/img/layout/bg_header.jpg) 0 30px no-repeat;
}
#header h1 a {
	background: transparent url(/img/layout/logo.png) 0 0 no-repeat;
}
#header h2 {
	color: #fff;
	font-size: 1.60em;
}
#header h2 span {
	color: #336600;
	font-size: 1.20em;
}
#header p {
	color: #CCCC00;
	font-size: 3em;
	letter-spacing: -0.08em;	
}
/* menu */
#menu li a {
	color: #333;
	font-size: 1.45em;
	text-align: center;
	text-decoration: none;
	background: transparent url(/img/layout/bg_tab.png) top center no-repeat;
}
#menu li a:hover {
	color: #336600;
}
/* Content */ 
#content {
	background: #E9ED99 url(/img/layout/bg_content.png) bottom center no-repeat;
}
#content h3 {
	color: #336600;
	font-size: 1.90em;
	line-height: 1.50em;
	font-family: Arial, Helvetica, sans-serif !important;
}
#content h3 span {
	font-size: 1.40em;
}
/* blocs */
#content .bloc {
	background: transparent url(/img/layout/bg_bloc.png) 0 0 no-repeat;
}
#content .bloc p {
	color: #FFFFCC;
	font-size: 2.10em;
	text-align: center;
	line-height: 1.40em;
	font-family: Arial, Helvetica, sans-serif !important;
}
#content .bloc p strong {
	line-height: 1.30em;
	font-size: 1.20em;
}
#content .bloc p strong span {
	color: #fff;
	font-weight: bolder;
}
#content .bloc-text {
	border-left: 1px dotted #698902;
}
#content .bloc-text p {
	color: #333;
	font-size: 1.50em;
	text-align: left;
	line-height: 1.40em;
}
#content .bloc-text p a {
	color: #111;
}
#content .bloc-text p a:hover {
	text-decoration: none;
}
#content #intro {
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 10px;
	background: transparent url(/img/layout/bg_intro.png) 0 0 repeat;
}
#content #intro p {
	padding: 0 0 0 25px;
	color: #111;
	text-align: left;
	font-size: 1.50em;
	text-transform: uppercase;
	background: transparent url(/img/icon/pin.png) 0 4px no-repeat;
}
#content ul {
	color: #333;
	font-size: 1.50em;
	text-align: left;
}
#content ul li {
	padding: 0 0 15px 60px;
	background: transparent url(/img/icon/tick.png) 35px 4px no-repeat;
}
.logo-txt-ata {
	color: #336600;
	letter-spacing: -0.01em;
}
#content ul li a {
	color: #336600;
}
/* maps */
#content #maps {
	float: left;
	width: 401px;
	height: 276px;
	padding: 12px 12px 12px 12px;
	background: transparent url(/img/layout/bg_maps.png) 0 0 no-repeat;
}
#contact {
	width: 240px !important;
}
.ico {
	margin: 2px 5px 0 0;
}
/* tarifs */
#offres {
	margin: 0 0 15px 0;
	width: 730px;
}
#offres tr th {
	padding: 5px 5px 5px 5px;
	text-align:center;
	font-size: 1.20em;
	color: #fff;
	font-weight:bolder;
	border-right: 1px solid #E9ED99;
	border-bottom: 1px solid #E9ED99;
}
#offres tr th.row {
	text-align: right;	
	width: 100px;
}
th.kmA {
	color: #fff !important;
}
th.kmB {
	color: #FF6600 !important;
}
th.kmC {
	color: #0000CC !important;
}
th.kmD {
	color: #006600 !important;
}
th.kmA, th.kmC,
td.kmA, td.kmC {
	color: #000;
	background-color: #C9D200;
}
th.kmA, th.kmC {
	width: 143px;
	background: transparent url(/img/layout/bg_tab_A_C.png) 0 0 no-repeat;
}
th.kmB, th.kmD,
td.kmB, td.kmD, th.row{
	color: #000;
	background-color: #AABA01;
}
td.kmB, td.kmD {
	
}
th.kmB, th.kmD {
	width: 145px;
	background: transparent url(/img/layout/bg_tab_B_D.png) 0 0 no-repeat;
}
#offres tr td {
	padding: 2px 2px 2px 2px;
	text-align:center;
	font-size: 1.10em;
	border-right: 1px solid #E9ED99;
	border-bottom: 1px solid #E9ED99;
}
p#infos, p#mentions {
	margin: 0 0 15px 0;
	padding: 2px 0 2px 5px;
	color: #111;
	text-align: left;
	font-size: 1.10em;
	line-height: 1.20em;
	border-left: 1px dotted #000;
}
p#mentions {
	color: #555;
	font-style: italic;
}
/* courses */
#courses {
	margin: 0 0 15px 0;
	width: 730px;
}
#courses tr th {
	padding: 5px 5px 5px 5px;
	text-align:center;
	font-size: 1.20em;
	color: #fff !important;
	font-weight:bolder;
	border-right: 1px solid #E9ED99;
	border-bottom: 1px solid #E9ED99;
}
#courses tr td {
	padding: 2px 2px 2px 2px;
	text-align:center;
	font-size: 1.10em;
	border-right: 1px solid #E9ED99;
	border-bottom: 1px solid #E9ED99;
}
td.depart {
	width: 110px;
	text-align: center !important;
}
th.depart {
	width: 110px;
	background: transparent url(/img/layout/bg_tab_depart.png) 0 0 no-repeat;
}
td.goto {
	width: 110px;
	background: transparent url(/img/icon/arrow.png) center center no-repeat;
}
td.arrivee {
	width: 365px;
	text-align: left !important;
}
th.arrivee {
	width: 365px;
	background: transparent url(/img/layout/bg_tab_arrivee.png) 0 0 no-repeat;
}
td.equal {
	width: 45px;
	background: transparent url(/img/icon/arrow_skip.png) center center no-repeat;
}
td.tarifs {
	width: 80px;
	text-align: right !important;
}
th.tarifs {
	width: 80px;
	background: transparent url(/img/layout/bg_tab_tarifs.png) 0 0 no-repeat;
}
.zone {
	font-weight: 600;
	text-transform: uppercase;
}
.l1 {
	background-color: #C9D200;
}
.l2 {
	background-color: #AABA01;
}
/* Footer */ 
#footer {
	color: #fff;
	font-size: 1em;
	background: transparent url(/img/layout/bg_footer.png) bottom center repeat-x;
}
#footer p {
	text-align: center;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
.logo-txt-pygma, .logo-txt-ata {
	font-family: Arial, Helvetica, sans-serif !important;
}
#footer a.logo-txt {
	color: #333 !important;
}
#footer span.logo-txt-pygma {
	color: orange;
}