﻿body 
{
    background-color:White;
    margin:0;
}


/***************/
/* MASTER PAGE   */
/***************/
.page 
{
    width:1003px;
    margin:auto;
}
.partieDroite 
{
    float:right;
    width:720px;
}
a.lienHeader
{
    position:absolute;
    z-index:2;
    width:210px;
    height:220px;
    margin-left:20px;
    display:block;
    background:url('../Images/pixel.gif') left top no-repeat;
}

.logo 
{
    display:block;
    background:url('../Images/logoGauche.gif') left top no-repeat;
    width:225px;
    height:197px;
}
.cadreLogin 
{
    background:url('../Images/fondCadreLogin.gif') left top no-repeat;
    width:176px;
    margin-left:72px !important;
    margin-left:37px;
    height:152px;
    float:left;
    padding:70px 0 0 17px;
    color:#5BBA47;
}
.cadreLogin input 
{
    margin-left:0px !important;
    margin-left:-35px;
}
.txtLogin 
{
    width:140px;
}
.oubliMotPasse 
{
    width:150px;
    text-align:center;
}
.cadreLogin a 
{
    color:#5BBA47;
    text-decoration:none;
}
.cadreLogin a:hover 
{
    color:#007F3E;
}
.btnOk 
{
    margin-top:5px;
    margin-right:30px !important;
    margin-right:15px;
    display:block;
    float:right;
}/*
.header  
{
    width:999px;
    overflow:hidden;
    height:248px;
}*/
.preprod 
{
    width:300px;
    margin:auto;
    color:#5BBA47;
}
.preprod a 
{
       color:#5BBA47;
}
.preprod a:hover 
{
        color:#007F3E;
}
.contenuPageAccueil, .contenuPagesInterieures
{
    width:700px;
    height:500px;
    margin-top:0px;
}

.contenuPagesInterieures
{
    width:716px;
    height:400px;
}

.liensAccueil 
{
    margin-right:0px;
}
.liensAccueil a 
{
    margin-right:30px;
    display:block;
    float:left;
}
.cartoucheAccueil a 
{
    margin-right:auto;
    display:inline-block;
    clear:both;
    float:none;
}
.cartoucheAccueil 
{
    width:660px;
    height:350px;
    overflow:hidden;
    float:left;
    margin-left:-5px;
}

.liensVoitures 
{
    width:120px;
    margin-left:100px !important;
    margin-left:52px;
    float:left;
}

.liensVoitures a 
{
    display:block;
    margin-bottom:20px;
}
.liensVoitures a.actualite
{
    display:block;
    margin-bottom:0px;
}
.liensVoitures div.actualiteNews
{
    display:block;
    margin-left:-16px;
}
.liensVoitures div.actualiteNews div.texte
{
    display:block;
    width:143px;
    background: url(../Images/cartoucheActuAccueil_2.gif) no-repeat top left;
    padding-top:10px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
}

/**************/
/* Cadre contenu */
/**************/
.cadreContenu 
{
    float:left;
    margin-top:4px;
}

.cadreContenu .Form {
    clear:left;
}
.hautCadreContenu, .hautCadreContenuAvecSousMenu
{
    background:url('../Images/hautCadreContenu.gif') left top no-repeat;
    width:644px;
    height:52px;
}

.hautCadreContenuAvecSousMenu
{
    background:url('../Images/hautCadreContenuAvecMenu.gif') left top no-repeat;
}

.menuDroite 
{
    background:url('../Images/fondSousMenu.gif') left top no-repeat;
    width:137px;
    float:right;
    padding-left:70px;
    margin-top:-1px;
}
#content 
{
    padding-top:1px;
    margin-top:-19px;
    width:634px;
    min-height:300px;
    height:auto !important;
    height:300px;
    background:url('../Images/fondContenu.gif') left top repeat-x; 
    background-color:white;
    padding-left:10px;
}

#content p
{
    background-color:Transparent !important;
}





.bleu .hautCadreContenu {
    background-image:url('../Images/hautCadreContenuBleu.gif');
}
.bleu .hautCadreContenuAvecSousMenu {
    background-image:url('../Images/hautCadreContenuBleuAvecMenu.gif');
}
.bleu .menuDroite {
    background-image:url('../Images/fondSousMenuBleu.gif');
}
.bleu #content 
{
    background:url('../Images/fondContenuBleu.gif') left top repeat-x; 
}

.orange .hautCadreContenu {
    background-image:url('../Images/hautCadreContenuOrange.gif');
}
.orange .hautCadreContenuAvecSousMenu {
    background-image:url('../Images/hautCadreContenuOrangeAvecMenu.gif');
}
.orange .menuDroite {
    background-image:url('../Images/fondSousMenuOrange.gif');
}
.orange #content 
{
    background:url('../Images/fondContenuOrange.gif') left top repeat-x;
}


.gris, .navSpecifique
{
    width:880px;
    margin:5px auto;
    float:none;
    clear:both;
}
.gris .hautCadreContenu,
.gris .hautCadreContenuAvecSousMenu
{
    height:50px;
    width:880px;
    background-image:url('../Images/hautCadreContenuGris.gif');
}
.gris .hautCadreContenuAvecSousMenu {
    background-image:url('../Images/hautCadreContenuGrisAvecMenu.gif');
}
.gris .menuDroite 
{
    width:129px !important;
    width:122px;
    margin-right:1px;
    background-image:url('../Images/fondSousMenuGris.gif');
    background-position:right top;
}
.gris #content 
{
    margin-top:-13px;
    width:870px;
    background:url('../Images/fondContenuGris.gif') left top repeat-x; 
}


.contenuFooter 
{
    padding-top:1px;
}
.contenuFooter .Menu 
{
   float:right;
}
.contenuFooter li a 
{
    display:block;
    float:left;
    height:20px;
    /*border-left:solid 2px #5ABA47;*/
    padding:0px 0px;
    color:white;
    text-decoration:none;
}
.contenuFooter li a:hover 
{
    text-decoration:underline;
}
.contenuFooter ul 
{
    margin:0;
}
.contenuFooter li 
{
    list-style-type:none;
    /*float:none !important;*/
    float:left;
}

.footer 
{
    background:url('../Images/footerFond.gif') left top repeat-x;
    width:896px;
    height:49px;
    clear:both;
    text-align:right;
    color:White;
    margin-left:54px;
    margin-bottom:20px;
}
.footer .gauche 
{
    background:url('../Images/footerGauche.gif') left top no-repeat;
    width:875px;
    height:49px;
    float:left;
}
.footer .droite 
{
    background:url('../Images/footerDroite.gif') left top no-repeat;
    width:21px;
    height:49px;
    float:right;
}
.footer div.lien6TM
{
	display:block;
	height:30px;
	padding-top:10px;
	text-align:center;
}

.lienImprimer 
{
    float:right;
    display:block;
    margin-right:20px !important;
    margin-right:60px;
}

.retourFloat 
{
    clear:both;
}


/**************/
/*     Menu         */
/**************/
.MenuHaut 
{
}

.MenuHaut .MenuNiveau1 img
{
    position:static !important;
    position:relative;
    opacity:0.4;
    filter:alpha(opacity=40);
}

.MenuHaut .Image img 
{
    opacity:1;
    filter:alpha(opacity=100);    
}

.MenuHaut a.MenuNiveau1:hover img 
{
    opacity:1;
    filter:alpha(opacity=100);    
}
.MenuHaut .Menu 
{
    margin-left:-40px !important;
    margin-left:-50px;
}
.MenuHaut .Menu li
{
    list-style-type:none;
    float:left;
}
.MenuHaut .Menu li ul 
{
    margin-left:3px;
    margin-top:-2px;
    float:none;
    position:absolute;
    background-color:White;
}
.MenuHaut .Menu li li 
{
    float:none;
    border-bottom:solid 1px white;
    margin-left:-40px !important;
    margin-left:-3px;
}
.MenuHaut .Menu a 
{
    text-decoration:none;
    color:#417DC0;
    color:#000000;
    font-size:10px;
    display:block;
    padding:2px;
    padding-left:5px;
}

.MenuHaut .Menu a:hover 
{
    color:White;
}

.MenuHaut .liste0 a
{
    background-color:#FFE500;
}
.MenuHaut .liste0 a:hover
{
    background-color:#FFB804;
}

.MenuHaut .liste1 a
{
    background-color:#97CA3D;
}
.MenuHaut .liste1 a:hover
{
    background-color:#3AA300;
}

.MenuHaut .liste2 a
{
    background-color:#00ABED;
}
.MenuHaut .liste2 a:hover
{
    background-color:#0051A8;
}

.MenuHaut .liste3 a
{
    background-color:#F5831F;
}
.MenuHaut .liste3 a:hover
{
    background-color:#F55723;
}

/*****************/
/*    Sous Menu         */
/*****************/
.menuDroite
{
    margin-bottom:10px;
}

.menuDroite .Menu 
{
    margin-left:-35px !important;
    margin-left:6px;
    margin-top:6px;
}
.menuDroite .Menu li
{
    list-style-type:none;
    background-color:Transparent !important;
    
    text-align:left;
}

.menuDroite a.MenuNiveau1, .menuDroite a.MenuNiveau1_Selected
{
    display:block;
    text-decoration:none;
    color:#8DC73F;
    font-size:11px;
    font-weight:bold;
    padding-left:20px;
    background:url('../Images/puceMenu.gif') left top no-repeat;
    height:auto !important;
    margin-bottom:12px;
}
    
.menuDroite .Menu3
{
    padding-top:10px;
}
    
.menuDroite a.MenuNiveau1:hover, .menuDroite a.MenuNiveau1_Selected
{
    background-image:url('../Images/puceMenu_on.gif');
    color:#00A651;
}
.menuDroite .Menu3
{
    margin-top:-20px;
    margin-bottom:10px;
}
.menuDroite .Menu3 li 
{
    color:#8DC73F;
    margin-left:-20px;
    list-style-type:disc;
}

.menuDroite a.MenuNiveau2, .menuDroite a.MenuNiveau2_Selected, .menuDroite a.MenuNiveau3, .menuDroite a.MenuNiveau3_Selected
{
    text-decoration:none;
    color:#8DC73F;
    font-size:11px;
}
.menuDroite a.MenuNiveau2:hover, .menuDroite a.MenuNiveau2_Selected, .menuDroite a.MenuNiveau3:hover, .menuDroite a.MenuNiveau3_Selected  
{
    color:#00A651;
}

.bleu .menuDroite .Menu3 li 
{
    color:#00C2F3;
}
.bleu .menuDroite a.MenuNiveau1, .bleu .menuDroite a.MenuNiveau1_Selected
{
    color:#00C2F3;
    background-image:url('../Images/puceMenuBleu.gif');
}
.bleu .menuDroite a.MenuNiveau1:hover, .bleu .menuDroite a.MenuNiveau1_Selected
{
    color:#417DC0;
    background-image:url('../Images/puceMenuBleu_on.gif');
}
.bleu .menuDroite a.MenuNiveau2, .bleu .menuDroite a.MenuNiveau2_Selected, .bleu .menuDroite a.MenuNiveau3, .bleu .menuDroite a.MenuNiveau3_Selected
{
    color:#00C2F3;
}
.bleu .menuDroite a.MenuNiveau2:hover, .bleu .menuDroite a.MenuNiveau2_Selected, .bleu .menuDroite a.MenuNiveau3:hover, .bleu .menuDroite a.MenuNiveau3_Selected 
{
    color:#417DC0;
}

.orange .menuDroite a.MenuNiveau1, .orange .menuDroite a.MenuNiveau1_Selected
{
    color:#F48163;
}

.orange .menuDroite .Menu3 li 
{
    color:#B41819;
}
.orange .menuDroite a.MenuNiveau1, .orange .menuDroite a.MenuNiveau1_Selected
{
    color:#F48163;
    background-image:url('../Images/puceMenuOrange.gif');
}
.orange .menuDroite a.MenuNiveau1:hover, .orange .menuDroite a.MenuNiveau1_Selected
{
    color:#B41819;
    background-image:url('../Images/puceMenuOrange_on.gif');
}
.orange .menuDroite a.MenuNiveau2, .orange .menuDroite a.MenuNiveau2_Selected,.orange .menuDroite a.MenuNiveau3, .orange .menuDroite a.MenuNiveau3_Selected
{
    color:#F48163;
}
.orange .menuDroite a.MenuNiveau2:hover, .orange .menuDroite a.MenuNiveau2_Selected, .orange .menuDroite a.MenuNiveau3:hover, .orange .menuDroite a.MenuNiveau3_Selected
{
    color:#B41819;
}


.gris .menuDroite .Menu3 li 
{
    color:#a7a8aa;
}
.gris .menuDroite a.MenuNiveau1, .gris .menuDroite a.MenuNiveau1_Selected
{
    color:#a7a8aa;
    background-image:url('../Images/puceMenuGris.gif');
}
.gris .menuDroite a.MenuNiveau1:hover, .gris .menuDroite a.MenuNiveau1_Selected
{
    color:#4b4b4d;
    background-image:url('../Images/puceMenuGris_on.gif');
}
.gris .menuDroite a.MenuNiveau2, .gris .menuDroite a.MenuNiveau2_Selected, .gris .menuDroite a.MenuNiveau3, .gris .menuDroite a.MenuNiveau3_Selected
{
    color:#a7a8aa;
}
.gris .menuDroite a.MenuNiveau2:hover, .gris .menuDroite a.MenuNiveau2_Selected, .gris .menuDroite a.MenuNiveau3:hover, .gris .menuDroite a.MenuNiveau3_Selected 
{
    color:#4b4b4d;
}

/**************/
/*     MapPath     */
/**************/
.MapPath 
{
    float:left;
    font-size:1.1em;
    margin:-5px 0 1px 3px;
}

.MapPath ,.MapPath a 
{
    text-decoration:none;
    font-variant:small-caps;
    color : #417DC0;
    font-weight:bold;
}

.MapPath a:hover 
{
    text-decoration:underline;   
}


/****************/
/*     Plan du site     */
/****************/
#planDeSite 
{
    padding-top:1Px;
    margin-bottom:20px;
}
#planDeSite a 
{
    text-decoration:none;
    color:#5BBA47;
    font-weight:bold;
}

.itemPlanDeSite 
{    
    margin-top:5px;
}

#planDeSite a:hover 
{
    color:#00A651;
}

#planDeSite a.niveau1 
{
    font-size:1.3em;
}
#planDeSite a.niveau2
{
    font-size:1.2em;
    margin-left:50px;
}
#planDeSite a.niveau3 
{
    font-size:1.1em;
    margin-left:100px;
}
#planDeSite a.niveau4 
{
    font-size:1em;
    margin-left:150px;
}




/* Recherche de véhicule */
.boutonVert 
{
    background:url('../Images/boutonVert.gif') left top no-repeat;
    width:89px;
    height:24px;
    border:none;
    font-weight:bold;
    cursor:pointer;
    padding-bottom:3px;
}
.moduleReservation 
{
    margin-left:0px;
    float:left;
}
.topModule 
{
    background:url('../Images/topModule_Reservation.gif') left top no-repeat;
    width:668px !important;
    width:666px;
    height:76px;
}
.topModule_Reservation 
{
    background-image:url('../Images/topModule_Reservation.gif');
}
.topModule_Carte
{
    background-image:url('../Images/topModule_Carte.gif');
}

.topModule a 
{
    display:block;
    float:left;
    width:270px;
    font-weight:bold;
    font-size:18px;
    color:White;
    text-decoration:none;
    margin-left:30px !important;
    margin-left:20px;
    text-align:center;
    padding-top:6px;
}
.topModule a.lienCarte 
{
    margin-left:60px !important;
    margin-left:50px;
}
.contenuModule 
{
    width:668px !important;
    width:666px;
    margin-top:-15px;
    min-height:150px;
}
.contenuModule .basContenu 
{
    clear:both;
}

.topModule_Carte a.lienRechercher,
.topModule_Reservation a.lienCarte
{
    color:#cede98;
}
.bottomModule 
{
    background:url('../Images/bottomModule.gif') left top no-repeat;
    width:669px;
    height:50px;
}
.rechercheVehicule 
{
    width:620px;
}

.logoRecherche,
.horaires,
.lieu
{
    display:block;
    float:left;
}
.logoRecherche 
{
    margin-right:10px;
}
.horaires 
{
    margin-top:15px;
}
.libelleType 
{
    color:#7d7d7c;
}
.typeHoraire 
{
    margin-bottom:13px;
}
.typeHoraire input 
{
    margin:0;
    margin-right:5px;
}
.jourHeure .Erreur 
{
    display:block;
    float:left;
    width:200px;
}
.jourHeure .Message 
{
    clear:both;
    font-weight:bold;
    color:#7d7d7c;
    display:block;
    float:left;
    width:200px;
}
.jourHeure .depart,
.jourHeure .fin 
{
    clear:both;
}
.choixJour,
.choixHeure 
{
    float:left;
    margin-top:10px !important;
    margin-top:0;
}
.choixJour 
{
    clear:left;
}
.choixHeure 
{
    clear:right;
    margin-left:10px;
}
.choixJour label,
.choixHeure label,
.lieu label,
.listeVehiculesRecherche label
{
    display:block;
    color:#7d7d7c;
}
.choixJour input 
{
	float:left;
	margin-right:5px;
    width:85px;
}
.choixHeure input 
{
    margin-top:2px;
    width:75px;  
}
.imgCalendrier 
{
    margin-top:2px;
    cursor:pointer;
}
.lieu 
{
    margin-left:15px;
}
.lieu select 
{
    width:180px;  
    margin-top:2px;
    margin-bottom:15px;
}
.basContenu .ibRechercher 
{
    float:right;
}
.listeVehiculesRecherche 
{
    clear:both;
    margin-top:45px;
}
.divVignette 
{
    text-align:center;
    float:left;
    width:110px;
    height:160px;
}
.divInfos 
{
    float:left;
    width:510px;
}
#infosVehicule 
{
    clear:right;
}
#infosVehicule div 
{
    float:left;
}
#infosVehicule #modele, #infosVehicule #modele input {    width:120px;   }
#infosVehicule #capacite, #infosVehicule #capacite input {    width:60px;   }
#infosVehicule #description, #infosVehicule #description input {    width:120px;   }
#infosVehicule #ville, #infosVehicule #ville input {    width:60px;   }
#infosVehicule #parking , #infosVehicule #parking input {    width:70px;   }
#infosVehicule #immatriculation, #infosVehicule #immatriculation input {    width:70px;   }

#planning 
{
    margin-top:35px;
}
.titreJourPlanning 
{
    font-weight:bold;
    color:#9da0a7;
}
.legendeHeures 
{
    clear:both;
}
.legendeHeures div
{
    color:#9da0a7;
    width:74px;
    float:left;
}
.legendeHeures div.dernier 
{
    width:20px;
}
.traitsHeures div
{
    width:75px;
    height:10px;
    border-left:solid 1px black;
    float:left;
}
.traitsHeures div.dernier 
{
    border-right:solid 1px black;
}
.casesPlanning,
.traitsHeures
{
    margin-left:14px;
    clear:left;
}

.couleurVotreResa { background-color:#b4d66f;}
.couleurDisponible { background-color:#9da0a7;}
.couleurIndisponible { background-color:#bc2128;}

.demiHeure 
{
    height:20px;
    width:9px;
    float:left;
}
.premiereDemiHeure 
{
    border-left:solid 1px black;
}
.deuxiemeDemiHeure 
{
    border-right:solid 1px black;
}

#footerInfos 
{
    margin-top:25px;
    clear:both;
}
#legendePlanning label,
#legendePlanning .carreLegende
{
    float:left;
    margin-left:5px;
}
#legendePlanning .carreLegende 
{
    width:20px;
    height:12px;
}
#tarif,
.ibReserver
{
    float:right;
}
#tarif 
{
    font-weight:bold;
    color:#120b14;
    text-align:right;
    width:150px;
}
#tarif input 
{
    width:85px;
    font-weight:bold;
    color:#120b14;
}
#tarif,
.ibReserver 
{
    clear:right;
}
.footerInfos 
{
}

/* Consultation Réservation */
.ficheResa label,
.ficheResa span,
.ficheResa .choix
{
    float:left;
    margin-top:5px;
}
.ficheResa .Erreur ,
.ficheResa .legendeHeures 
{	
	clear:left !important;
}
.ficheResa .choixJour,
.ficheResa .choixHeure
{
    margin-top:0 !important;
}
.ficheResa label 
{
    clear:left;
    font-weight:bold;
    width:150px;
    text-align:right;
    margin-right:10px;
}
.ficheResa .titreJourPlanning 
{
    clear:left;
}
.ficheResa a 
{
    display:block;
    clear:both;  
    margin:20px 0 0 100px;
}

/*********************/
/*           GridView              */
/*********************/
.Grid
{
	width:600px;
	margin:auto;
	float:left;
}

.GridHeader
{
    text-align : center;
}

.GridHeader th 
{
    height:35px !important;
    height:30px;
    border-right:solid 1px #CCCCCC;
    border-top:solid 2px #99CA3E;
    border-bottom:solid 2px #CCCCCC;
    background-repeat:repeat-x;
    padding-top:3px;
}


.GridHeader a, .GridItem a
{
	color:Black;
}
.GridHeader a:hover, .GridItem a:hover
{
    color:#99CA3E;
}
.GridItem
{
	text-align : left;
	font-size: 12px;
	color:#585858 ;
}

.GridItem td, .GridAlternatingItem td
{
    text-align:center;
    padding:3px;
    border:solid 1px #CCCCCC;
    border-left-width:0px;
}

th.GridHeaderSansSeparateur, td.GridItemSansSeparateur, td.GridAlternatingItemSansSeparateur
{
    border-right-width:0px;
}

.GridFooter 
{
	background-color:#CCCCCC;
	color:gray;
}
.GridFooter td 
{
    vertical-align:top;
}
.pagination
{
	font-size:11px;
	text-align:right;
	padding-right:20px;
	background-color:#E5E3D5;
	color:#99CA3E;

}
.pagination a:link,.Pagination a:visited  
{
	font-weight:bold;
	color:gray;
	text-decoration:none;
}
.pagination a:hover
{
	color:#99CA3E;
}


/*********************/
/*          Calendrier             */
/*********************/
.ajax__calendar_container 
{
    /* The outer rectangular container that supplies the border around the calendar element. 
    Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer. */
    padding:0;
}
.ajax__calendar_header 
{
    /* A container element that holds the next and previous arrows and the title of the current view. 
        Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next. */
    background-color:#9ACB40;
    color:White;
    margin:0;
}
.ajax__calendar_prev 
{
    /* An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). Child Css classes: none.*/
    color:White;
    background:none;
}
.ajax__calendar_title 
{
    /* An element that displays the title of the current view (month name, year, decade). Child Css classes: none.*/
}
.ajax__calendar_next 
{
    /* An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). Child Css classes: none. */
    color:White;
}
.ajax__calendar_body 
{
    /* A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).
    Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years.*/
    
}
.ajax__calendar_body td 
{
}

.ajax__calendar_days 
{
    /* A container element that holds the layout for the days in a month. Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day */
    
}
.ajax__calendar_dayname 
{
    /* An element that displays the short name of the day of the week. Child Css classes: none. */
    color:#9ACB40;
    font-weight:bold;
}
.ajax__calendar_day 
{
    /* An element that displays the day of the month. Child Css classes: none */
}
.ajax__calendar_months 
{
    /* A container element that holds the layout for the months in a year. Child Css classes: .ajax__calendar_month. */
}
.ajax__calendar_month 
{
    /* An element that displays the month of the year. Child Css classes: none */
}
.ajax__calendar_years 
{
    /* A container element that holds the layout for the years in a decade. Child Css classes: .ajax__calendar_year. */
}
.ajax__calendar_year 
{
    /* An element that displays the year in a decade. Child Css classes: none */
}
.ajax__calendar_footer 
{
    /* A container element that holds the current date. Child Css classes: .ajax__calendar_today.*/
}
.ajax__calendar_today 
{
    /* An element that displays the current date. Child Css classes: none. */
}
.ajax__calendar_hover 
{
    /* This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. 
    Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year */
    
}
.ajax__calendar_active 
{
    /* This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. 
    Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year. */
}
.ajax__calendar_other 
{
}


.Form 
{
    width:600px;
    margin:auto;   
}
.centre 
{
   width:666px;
   text-align:center;
   float:left;
}