/* Projet : Paris Shuttle Transfer
*  Auteur : PL-Datalinx
*  Historique : 30/06/2008 - Version initiale
*
*  Objet : Styles utilisés sur le site
*
* Couleurs : #444		Gris anthracite (textes)
*            #069	    Bleu moyen (liens on)
*            #69F   	Bleu clair (liens off)
*/

body {
    margin: 0px;
	background-color: #FFF;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
}
A:link, A:visited {
	color: #069;
    text-decoration: none;
}
A:active, A:hover {
	color: #69F;
    text-decoration: none;
}

.root {
	width: 908px;
}
.cadre-top {
	background-image: url(../images/cadre-h.png);
	line-height: 3px;
}
.cadre-btm {
	background-image: url(../images/cadre-b.png);
	line-height: 8px;
}
.cadre-left {
	background-image: url(../images/cadre-g.png);
	width: 3px;
}
.cadre-right {
	background-image: url(../images/cadre-d.png);
	width: 7px;
}

.header {
	background-image: url(../images/bg-header.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 194px;
}

.chapo {
	font-size: 11px;
	line-height: 15px;
	width: 900px;
}

.footer {
	font-size: 11px;
	color: #444;
}
.footer A:link, .footer A:visited {
	color: #069;
    text-decoration: none;
}
.footer A:active, .footer A:hover {
	color: #69F;
    text-decoration: none;
}
.navig {
	background-image: url(../images/bg-navig.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 188px;
	height: 400px;
}
.menus {
	font-size: 13px;
    color: #FFF;
    line-height: 20px;
    text-transform: uppercase;
    padding-left: 10px;
}
.menus A:link, .menus A:visited {
	color: #069;
    text-decoration: none;
}
.menus A:active, .menus A:hover {
	color: #FFF;
    text-decoration: none;
}

.box-client {
	background-color: #069;
	font-size: 11px;
	color: #69F;
}
.box-client A:link, .box-client A:visited {
	color: #FFF;
    text-decoration: none;
}
.box-client A:active, .box-client A:hover {
	color: #69F;
    text-decoration: none;
}
.box-error {
	font-size: 11px;
	font-weight: bold;
	color: #FC3;
}

/***** (titres et textes) *****/
.gd-titre {
	font-size: 22px;
	color: #444;
	font-weight: normal;
	text-transform: uppercase;
}
.gd-titre-blue {
	font-size: 20px;
	color: #069;
	font-weight: normal;
	text-transform: uppercase;
}
.gd-titre-red {
	font-size: 20px;
	color: #F30;
	font-weight: normal;
	text-transform: uppercase;
}
.med-titre {
	font-size: 18px;
	color: #444;
	font-weight: bold;
}
.ss-titre {
	font-size: 14px;
	font-weight: bold;
	color: #69F;
}
.texteintro {
	font-size: 11px;
	color: #666;
}
.signature {
	font-style: italic;
}
.typo1 {
	line-height: 18px;
	text-align: justify;
}

/***** (bloc réservations *****/
.resa {
	background-color: #FC3;
}
.resa-options {
	background-color: #E3B323;
}
.resa-typo1 {
	font-size: 13px;
	font-weight: bold;
	color: #F60;
}
.resa-typo1 A:link, .resa-typo1 A:visited {
	color: #F60;
    text-decoration: none;
}
.resa-typo1 A:active, .resa-typo1 A:hover {
	color: #960;
    text-decoration: none;
}
.resa-typo2 {
	font-size: 12px;
	font-weight: normal;
	color: #960;
}
.resa-typo3 {
	font-size: 13px;
	font-weight: bold;
	color: #960;
}
.resa-typo4 {
	font-size: 16px;
	font-weight: bold;
	color: #F60;
}
.resa-typo5 {
	font-size: 16px;
	font-weight: bold;
	color: #960;
	text-transform: uppercase;
}
.resa-typo6 {
	font-size: 11px;
	font-weight: normal;
	color: #960;
}
.resa-typo6 A:link, .resa-typo6 A:visited {
	color: #960;
    text-decoration: none;
}
.resa-typo6 A:active, .resa-typo16 A:hover {
	color: #F60;
    text-decoration: none;
}
.resa-typo7 {
	font-size: 12px;
	font-weight: bold;
	color: #F30;
}
hr.trait {
	color: #960;
	height: 1px;
}

/***** (formulaires) *****/
.asterisque {
	font-size: 11px;
	color: #F30;
}
.frm-error {
	font-size: 11px;
	color: #C30;
	background-color: #fedede;
	border: solid 1px #C30;
	padding: 2px 6px;
}
.frm-cadre {
	border: 1px solid #999;
}
.frm-cadre2 {
	border: 1px solid #999;
	background-color: #EFEFEF;
}
.frm-label {
	background-color: #DDD;
	padding-left: 6px;
	font-size: 11px;
}
.frm-textbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #444;
	padding: 2px;
}
.frm-listbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #444;
    padding: 1px 1px 1px 2px;
}
.frm-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #444;
}
.frm-misc-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #444;
}
.frm-button-resa {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #930;
    border: solid 1px #FFF;
}

/***** sitemap *****/
.sitemap A:link, .sitemap A:visited {
	color: #069;
    text-decoration: none;
}
.sitemap A:active, .sitemap A:hover {
	color: #69F;
    text-decoration: none;
}
.sitemap-n0 {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
.sitemap-n1 {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	line-height: 20px;
	padding-left: 40px;
}
.sitemap-n2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	padding-left: 50px;
}
.sitemap-n3 {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	line-height: 16px;
	padding-left: 60px;
}
.sitemap-n4 {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
	padding-left: 70px;
}

/********** Tableaux **********/
.grid {
	border: solid 1px #6a5a43;
	background-color: #FFF;
}
.grid A:link, .grid A:visited {
	color: #339999;
    text-decoration: none;
}
.grid A:active, .grid A:hover {
	color: #cb8b34;
    text-decoration: none;
}
.grid-header {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-color: #444;
	padding: 2px 5px;
}
.grid-row0 {
	font-size: 11px;
	font-weight: normal;
	color: #444;
	padding: 2px 5px;
	background-color: #EFEFEF;
}
.grid-row1 {
	font-size: 11px;
	font-weight: normal;
	color: #444;
	padding: 2px 5px;
	background-color: #DEDEDE;
}
.grid-rowZ { /* statut Z */
	font-size: 11px;
	font-weight: normal;
	padding: 2px 5px;
	background-color: #FEC4C4;
}