body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #00438F;
}
a:visited {
	color: #266732;
}
a:active {
	color: #00438F;
}
a:hover {
	color: #B453A2;
}
.lien_blanc:link {
	color: #FFFFFF;
}
.lien_blanc:visited {
	color: #FFFFFF;
}
.lien_blanc:active {
	color: #FFFFFF;
}
.lien_blanc:hover {
	color: #C9D8EA;
}

form
{
   margin:0;
}   
td.b_cadre_pale {
	background-color: #266732;
}
td.f_cadre_pale {
	background-color: #C9D8EA;
}
td.b_cadre_auto {
	background-color: #A0A9BC;
}
td.f_cadre_auto {
	background-color: #FFFFFF;
}
td.blanc {
	background-color: #FFFFFF;
}
td.cadre_choix_veh {
	background-color: #8DBEF4;
}
td.cadre_devise {
	background-color: #B6C6EA;
}
td.f_top_auto {
	background-color: #B6C6EA;
}
td.cadre_fonce {
	background-color: #C9D8EA;
}
td.e_cadre_fonce {
	background-color: #FFFFFF;
	font-size: 35%;
}
td.e_blanc {
	font-size: 35%;
}
td.ligne_separation {
	background-color: #DFEAF7;
	font-size: 35%;
}
td.ligne_separation_bleue {
	background-color: #DFEAF7;
}
.retour {
	font-size: 120%;
}
.moyen {
	font-size: 16px;
}
.moyen_entre {
	font-size: 130%;
}
.moyen_plus {
	font-size: 20px;
}
.no_tel {
	font-size: 20px;
	color: #00438F;
}
.col_gauche {
	font-size: 20px;
	color: #00438F;
}
.petit_col_gauche {
	font-size: 8pt;
	color: #00438F;
}
.titre {
	font-size: 200%;
	color: #00438F;
}
.titre_devis {
	font-size: 160%;
	color: #00438F;
}
.date_devis {
	font-size: 130%;
	color: #00438F;
}
.titre_mince {
	font-size: 175%;
	color: #00438F;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 80%;
}
.couleur_titre {
	color: #00438F;
}
.grand {
	font-size: 160%;
}
.petit {
	font-size: 80%;
}
.petit2 {
	font-size: 110%;
}
.rouge {
	color: #CC0066;
}
.vert {
	color: #007115;
}
.page_sec {
	color: #266732;
	font-size: 140%;
	font-weight: bolder;
}
.no_commande {
	color: #CC0066;
	font-size: 130%;
}
.sections_form {
	color: #00438F;
	font-size: 130%;
}
.gris {
	color: #777777;
}
td.ligne_grise {
	background-color: #F0F0F0;
}
td.ligne_verte {
	background-color: #daedde;
}
td.ligne_verte_rabais {
	background-color: #C6E3CB;
}
td.ligne_verte_pale_rabais {
	background-color: #E3F2E7;
}
td.fond_bleu_plateau {
	background-color: #00438F;
}
td.ligne_bleue_pale {
	background-color: #C7D6E6;
}
.devise {
	color: #CC0066;
	font-size: 95%;
	font-weight: bold;
}
.message_merci1 {
	color: #00438F;
	font-size: 170%;
}
.message_merci2 {
	color: #00438F;
	font-size: 130%;
}
.message_non_dispo {
	color: #CC0066;
	font-size: 170%;
}
.non_reserv {
	color: #555555;
	font-size: 90%;
}
p.breakhere {page-break-before: auto}
.texte_directions {
	font-size: 80%;
}
.minimum_jours {
	color: #CC0066;
	font-size: 90%;
}
.rabais_cat {
	color: #007115;
	font-size: 150%;
}
.desc2_a {
	font-weight: bold;
	color: #374184;
	font-size: 110%;
}
.desc2_b {
	font-weight: bold;
	color: #336633;
	font-size: 110%;
}
.lang_devis {font-size: 8pt}
.cont_encadre {
	color: #41764B;
	font-weight: bold;
}
.bureau_origine {color: #2070BF}
.couleur_message2 {
	color: #3E7148;
}
.liste_plans {
	font-size: 9pt;
}
.encadre_titre {
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
}
.encadre_fond_bleu {
	background-color: #00438F;
}
.encadre_texte_bleu {
	font-size: 10pt;
	color: #00438F;
}
.encadre_fond_vert {
	background-color: #5BA669;
}
.encadre_texte_vert {
	font-size: 10pt;
	color: #41784A;
}
.avertissement_confirm {
	color: #0099CC;
}
.encadre_bas_wp {
	color: #FFFFFF;
	font-weight: bold;
}
.message_disp {
	color: #007115;
	font-size: 110%;
	font-weight: bold;
}






div.calendar { position: relative; }

.calendar, .calendar table {
  border: 3px solid #b453a2;
  font-size: 14px;
  color: #000;
  cursor: default;
  background: #F1F8FC;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #00438F url(menuarrow2.gif) no-repeat 100% 100%;
}

.calendar .mois {
  font-size: 20px;
  font-weight: bold;	
}


.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #b453a2;
  color: #fff;
  padding: 2px;
}

.calendar thead tr { /* Row <TR> containing navigation buttons */
	background: #00438F;
	color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #C7E1F3;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #206A9B;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #3394FF;
  color: #000;
  border: 1px solid #016DC5;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #006AA9;
  border: 1px solid #008AFF;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #C7E1F3;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #F1F8FC;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #8FC4E8;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #D50000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #206A9B;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #00438F;
  color: #fff;
  border-top: 1px solid #206A9B;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #B8DAF0;
  border: 1px solid #178AEB;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #006AA9;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #3394FF;
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  font-weight: bold;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #F1F8FC;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #E3F0F9;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #F1F8FC;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #267DB7;
  color: #fff;
}

.calendar td.time span.active {
  border-color: red;
  background-color: #000;
  color: #A5FF00;
}