@import "init.css";
@import "menu.css";
@import "simulation.css";
@import "datepicker.css";

/* tag */
body                { margin: 0 auto; }
body                { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #000000; }
h1                  { font: 13pt/1.2em Arial, Verdana, Sans-serif; color: #4579B0; font-weight: bold; }
h2                  { font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #4579B0; font-weight: bold; }
h3, .titre_720, 
.titre_720 a        { font: 11pt/1.1em Arial, Verdana, Sans-serif; color: #000000; font-weight: bold; text-decoration: none; }
.titre_720 a:hover  { color: #0156B0; }
h4                  { font: 10pt/1.4em Arial, Verdana, Sans-serif; color: #FFFFFF; font-weight: bold; }
h5                  { font: 10pt/1.4em Arial, Verdana, Sans-serif; color: #838383; font-weight: bold; }
td                  { border: 1px solid #838383; padding: 2px; }

b                   { color: #00356D; font-weight: bold; }
b.orange            { color: #FF6600; font-weight: bold; }
li b                { color: #00356D; font-weight: bold; }
b.black             { color: #000; font-weight: bold; }
b.gros,.gros        { font: 12pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; }
.rouge              { color: #EE1C25; font-weight: bold; }


a                   { color: #4579B0; font-weight: bold; }
a.fleche            { background: url('../gif/site/fleche_lien.jpg') no-repeat; padding: 0 0 0 12px; }
a.lien_pt_boite     { color: #000000; font-weight: bold; }
#top_right a        { color: #999999; text-decoration: none; letter-spacing: 0px; padding: 0; }
#foot a,#foot       { font: 8pt/1.0em Arial, Verdana, Sans-serif; color: #666666; text-decoration: none; }
#top_center         { font: 12pt/1.4em Arial, Verdana, Sans-serif; color: #4579B0; font-weight: bold; }
.clear              { clear: both; font: 0pt/0em Arial, Verdana, Times; height: 0px; }
.fleft              { float: left; }

h2.fleche           { background: url('../gif/site/fleche_h2.jpg') no-repeat; padding: 3px 0 0 20px; }

/* id */
#site               { width: 970px; padding: 0; margin: 0 auto; background: url('../gif/site/fond.jpg') repeat-y top; position: relative; }
#fond               { width: 970px; padding: 0; margin: 0 auto; }
#top_left           { float: left; width: 110px; height: 60px; font: 0pt/0em Arial, Verdana, Times; }
#top_center         { float: left; width: 537px; height: 45px; padding: 4px 0 0 13px; background: url('../gif/site/top_center.jpg') no-repeat; }
#top_center .transdev-logo { float: left; }
#top_center .topcenter-txt { float: right; padding-top: 15px;}
#top_right          { float: left; width: 300px; height: 55px; padding: 5px 10px 0 0; background: url('../gif/site/top_right.jpg') no-repeat; text-align: right; }
#left_site          { float: left; width: 200px; padding: 10px 0 0 20px; }
#right_site         { float: left; width: 750px; padding: 10px 0 0 0; }
#foot               { width: 970px; height: 65px; padding: 15px 0 0 0; background: url('../gif/site/foot2.jpg') no-repeat; }
#content            { width: 710px; padding: 0 0 0 20px; text-align: left; }
#content_paiement   { width: 930px; padding: 0 0 0 20px; text-align: left; }
#photo_visuel       { width: 970px; height: 130px; padding: 0; font: 0pt/0em Arial, Verdana, Times; background-color: #b7daf0; }
#left_presse        { float: left; width: 200px; padding: 10px 0 0 20px; }

#content ul         { padding: 10px 0 0 20px; }
#content li         { padding: 0 0 5px 14px; background: url('../gif/site/puce.gif') no-repeat; }
#content ul ul li   { padding: 0 0 5px 14px; background: url('../gif/site/puceb.gif') no-repeat; }
#content .center    { width: 690px; margin: 0 auto; text-align: center; }

/* accueil */
.bandeau            { width: 970px; height: 26px; }
.center_accueil     { z-index: 10; position: relative; float: left; width: 500px; padding: 0 10px 0 10px; font: 10pt/1.2em Arial, Verdana, Sans-serif; }
#center_accueil_flash { position: absolute; left: 9px; width: 500px; z-index: 0;}
.right_accueil      { float: left; width: 210px; padding: 0; }
.center_box         { width: 478px; padding: 5px 10px; border: 1px solid #E5E5E5; }

.titre_200          { width: 182px; height: 26px; padding: 0 0 2px 18px; background: url('../gif/site/fond_titre_200.jpg') no-repeat; }
.titre_210          { width: 192px; height: 26px; padding: 0 0 2px 18px; background: url('../gif/site/fond_titre_210.jpg') no-repeat; }
.titre_500          { width: 482px; height: 26px; padding: 0 0 2px 18px; background: url('../gif/site/fond_titre_500.jpg') no-repeat; }
.titre_720          { width: 702px; height: 26px; padding: 0 0 7px 28px; background: url('../gif/site/fond_titre_720.jpg') no-repeat; }

.spacer             { clear: both; font: 0pt/0em Arial, Verdana, Times; height: 10px; }
.spacer12           { clear: both; font: 0pt/0em Arial, Verdana, Times; height: 12px; }
.d10                { padding: 0 10px 0 0; }

.photo_accueil      { float: left; padding: 5px 0 0 12px; }
.photo              { border: 1px solid #4579B0; }
.cartecc            { float: left; padding: 0 20px 0 0; }

/* left */
.info               { width: 194px; height: 108px; padding: 2px 0 0 6px; background: url('../gif/accueil/fond_info.jpg') no-repeat; }
.info               { font: 10pt/1.2em Arial, Verdana, Sans-serif; color: #FFFFFF; text-align: left; }
.info a             { color: #FFFFFF; }

.left_lettre        { float: left; width: 35px; padding: 5px 0 0 0; }
.right_lettre       { float: left; width: 160px; padding: 0 0 0 5px; }
.input_newsletter   { float: left; padding: 5px 0 0 0; }
.bouton_ok          { float: left; padding: 7px 0 0 5px; }
.reservation        { width: 195px; height: 38px; padding: 3px 0 0 5px; background: url('../gif/site/pt_boite_grise.jpg') no-repeat; }
.telephone_cc       { width: 195px; height: 38px; padding: 3px 0 0 5px; background: url('../gif/site/pt_boite_grise.jpg') no-repeat; font: 12pt/1.2em Arial, Verdana, Sans-serif; }
.sitepro            { width: 195px; height: 38px; padding: 3px 0 0 5px; background: url('../gif/site/pt_boite_grise.jpg') no-repeat; }
.tarif_accueil      { width: 490px; height: 185px; padding: 5px 0 0 10px; background: url('../gif/accueil/tarif.jpg') no-repeat; }
.voiture_accueil    { width: 200px; height: 190px; padding: 5px 0 0 10px; background: url('../gif/accueil/fond_voiture.jpg') no-repeat; }
.offre_spe          { width: 210px; height: 95px; z-index: 0; }
.offre_spe a        { font: 11pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.offre_spe_asterix  { position: absolute; top: 270px; left: 530px; width: 400px; height: 400px; z-index: 100; }
.ileft_cc           { float: left; height: 30px; padding: 5px 0 0 70px; }
.iright_cc          { float: left; width: 310px; padding: 5px 0 0 10px; }

/* formulaire */
.left_form          { float: left; text-align: right; width: 210px; padding: 2px 10px 6px 0; }
.right_form         { float: left; text-align: left; padding: 0 0 6px 0; }

/* plan du site */
.plan_rub           { padding: 10px 0 0 15px; text-decoration: none; }
.plan_ssr           { padding: 3px 0 0 30px; text-decoration: none; }
.plan_lien          { text-decoration: none; color: #4579B0; font-weight: bold; }
.plan_lien:hover    { text-decoration: none; color: #FFB200; font-weight: bold; }

/* presse */
.presse_left_form     { float: left; width: 100px; padding: 0 10px 0 0; }
.presse_right_form    { float: left; width: 600px; text-align: left; padding: 0; }
#left_presse ul       { padding: 10px 0 0 20px; }
#left_presse li       { padding: 0 0 5px 14px; background: url('../gif/site/puce.gif') no-repeat; }
#left_presse ul ul li { padding: 0 0 5px 14px; background: url('../gif/site/puceb.gif') no-repeat; } 

/* partenaire */
.partenaire_left    { float: left; width: 120px; padding: 0 10px 0 0; }
.partenaire_right   { float: left; width: 580px; text-align: left; padding: 0; }

/* voiture */
.voiture_left       { float: left; width: 280px; padding: 0 0 0 45px; }
.voiture_right      { float: left; width: 280px; padding: 0 0 0 65px; }
.voiture_texte      { float: left; width: 260px; padding: 0 10px; }

/* table */
caption             { font: 8pt/1.4em Arial, Verdana, Sans-serif; color: #333; font-weight: bold; text-align: center; }
table               { border-collapse: collapse; padding: 0; border: 0px; }
th                  { text-align: center; background: #ECF4FC; }
th, td              { border: 1px solid #477AAF; padding: 5px 10px; }
.nospace            { padding: 0; }
td                  { text-align: center;  }
tr.blue th          { color: #FFFFFF; font-weight: bold; background: #336699; }
tr.blue td          { color: #00356D; font-weight: bold; }
tr.strongblue th    { color: #FFFFFF; font-weight: bold; background: #003366; }
tr.orange th        { color: #FFFFFF; font-weight: bold; background: #FF9900; }
tr.orange td        { color: #FF6600; font-weight: bold; }
tr.strongorange th  { color: #FFFFFF; font-weight: bold; background: #FF6600; }
table.orange th, 
table.orange td     { border: 1px solid #FF3300; padding: 5px 10px; }


/* popup */
.popup_fond         { background: #FFFFFF; }

/* emailing */
div#decouverte	{ width:600px; }
div#decouverte p	{ margin:15px 0 15px 15px; color:#e60; font-weight:bold; }
div#decouverte p.title	{ font-size:2em; }
div#decouverte p.big	{ font-size:1.33em; }
div#decouverte p.tacenter	{ text-align:center; }
div#decouverte ul	{ list-style:none inside url(../gif/decouverte/list.jpg); }
div#decouverte li	{ background:none; color:#048; }
div#decouverte li u	{ color:#e60; font-weight:bold; }
div#decouverte div.decouverte	{ padding:15px 15px 15px 135px; background:#eea002 url(../gif/decouverte/decouverte.jpg) no-repeat; }
div#decouverte div.decouverte p	{ margin:0; color:black; font-weight:normal; }
div#decouverte div.decouverte ul	{ list-style:none inside url(../gif/decouverte/list_decouverte.jpg); }
div#decouverte div.decouverte li	{ color:black; }
div#decouverte div.decouverte li u	{ color:black; font-weight:normal; }