﻿body
{
    font-family: Verdana;
    font-size : 12px;
   
}

body a
{
    text-decoration: underline;
    color: #426485;
}

a:hover
{
    background-color: #426485;
    color: #FFFFFF;
}


/* Mise en forme des blocs de champs */
.BlocChamps
{

    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
    font-weight: bold;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #A1B6CE;
    border-left-color: inherit;
}

/* Mise en forme des listes déroulantes (utilisé par le default.skin) */
.ListeDeroulante
{
    border: 10px none #00CCFF;
    margin: 0px;
    font-size: 12px;
    font-family: Arial;
    list-style-type: disc;
}

/* Mise en forme des textboxes (utilisé par le default.skin) */
.TextBoxStd
{
    border: 1px solid #C0C0C0;
    font-family: arial;
}


.BoutonStd
{ color: #FFFFFF; 
  border: 1px solid #800000; 
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  background-color: #0099CC;
}

/* Location (utilisé dans l'écran de détail d'une location */
.LigneEtapeLocation
{
    padding: 0px;
    margin: 0px;
    border-bottom-style: solid;
    border-width: 0px;
    border-color: #99CCFF;
    border-spacing: 0px;
}

/* Affichage des messages d'étapes pour la première utilisation/inscription */
.TitreEtapeCreation
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-image:url('Images/FirstTimeBGround-Middle.gif');
    background-repeat:repeat-x;
    height:40px;
}

.TitreEtapeCreationGauche
{
    background-image:url('Images/FirstTimeBGround-Left.gif');
    background-repeat:no-repeat;
    height:40px;
    width:8px;
}

.TitreEtapeCreationDroite
{
    background-image:url('Images/FirstTimeBGround-Right.gif');
    background-repeat:no-repeat;
    height:40px;
    width:12px;
}

/* Mise en forme des formulaires détails */
.FormDetails
{
    margin: 0px;
    padding: 0px;
    border: 1px solid #CCCCCC;
    border-spacing: 0px;
}

.FormTitre
{
    border: 0px solid #A1B6CE;
    font-size: 14px;
    font-weight: bold;
    color: #426485;
    text-align: left;
}

.FormErreurRecap
{
    border: 0px solid #FF0000;
    background-color: #FFC0C0;
    color: #FF0000;
}

.FormNomChamp
{
    font-weight: bold;
    text-align: right;
    color: #426485;
}

.FormSousNomChamp
{    
    text-align: right;
    color: #426485;
}

.FormDetailChamp
{    
    text-align: left;
    
}

.FormChampObligatoire
{
    color: #426485;
    font-weight: bold;
}

.FormPied
{
    margin: 10px 0px 0px 0px;
    text-align: center;
    height: 30px;
    vertical-align: bottom;
}

.FormTitreParagraphe
{
    font-weight: bold;
    color: #426485;
}

/* Mise en forme des onglets */
.Onglet
{

    padding: 2px;
    color: #FFFFFF;
    width: 150px;
    position: relative;
    text-align: center;
    background-image: url('Images/TabStandard.gif');
}

.Onglet a
{
    text-decoration: none;
    color: #FFFFFF;
}

.OngletSelectionne
{
    padding: 2px;
    color: #FFFFFF;
    width: 150px;
    position: relative;
    text-align: center;
    background-image: url(  'Images/TabSelected.gif' );
    background-repeat: no-repeat;
}

.OngletSelectionne a
{
    text-decoration: none;
    color: #FFFFFF;
}


/* Mise en forme du récapitulatif */
.TableRecap
{
    margin: 0px;
    border: 0px solid #C0C0C0;
    border-spacing: 0px;
    padding: 0;
    width: 780px;
}

.TableRecap td
{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #C0C0C0;
    margin: 0px;
    border-spacing: 0px;
}

/* Mise en forme des tableaux */
.Table
{   border-spacing  : 0; 
    padding : 0;
    Border-Width :0px ;
    width : 780px;
}

.TableTitre
{
    color: #426485;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    left: 0px;
    width : 500px;
    position:relative;
}

.TableEnTete
{
    background-color: #FFFFFF;
    color: #426485;
    font-weight: bold;
}

.TableEnTete a
{
    background-color: #FFFFFF;
    color: #426485;
    font-weight: bold;
}


.TableLigne
{
    background-color: #FFFFFF;
    color: #426485;
}

.TableLigne a
{
    background-color: #FFFFFF;
    text-decoration: none;
    color: #426485;
}

.TableLigneAlternee
{
    background-color: #FFFFFF;
    color: #426485;
}

.TableLigneAlternee a
{
    background-color: #FFFFFF;
    text-decoration: none;
    color: #426485;
}

.TableLigneSelectionnee
{
    background-color: #426485;
    color: #FFFFFF;
}
.TableLigneSelectionnee a
{
    background-color: #E3EDFF;
    color: #FFFFFF;
}

.TableLigneGrisee
{
    background-color: #C0C0C0;
    color: #808080;
}

.TableLigneGrisee a
{
    background-color: #C0C0C0;
    color: #808080;
    text-decoration: none;
}

.TableLigneValide
{
    background-color: #A1B6CE;
    color: #FFFFFF;
}

.TableLigneValide a
{
    background-color: #A1B6CE;
    color: #FFFFFF;
    text-decoration: none;
}

.TableLigneValide a:hover
{
    background-color: #FFFFFF;
    color: #A1B6CE;
    text-decoration: none;
}


.TableLigneAlerte
{
    background-color: #FF9900;
    color: #FFFFFF;
}

.TableLigneAlerte a 
{
    background-color: #FF9900;
    color: #FFFFFF;
    text-decoration: none;
}

.TableLigneMiseEvidence
{
    color: #FFFFFF;
    background-color: #A1B6CE;
}

.TableLigneMiseEvidence a
{
    color: #FFFFFF;
    text-decoration: none;
}


.TablePied
{
    background-color: #FFFFFF;
    color: #A1B6CE;
}

.CalendrierMoisTitre
{
    background-color: #A1B6CE;
    color: #FFFFFF;
}

.CalendrierJourSemaine
{
    color: #808080;
    background-color: #DDDDDD;
}

.CalendrierWeekend
{
    color: #CCCCCC;
    background-color: #808080;
}

.CalendrierAujourdhui
{
    color: #FFFFFF;
    background-color: #FF0000;
}

.CalendrierDisponible
{
    color: #006600;
    background-color: #7EED62;
}

.CalendrierEngage
{
    color: #FFFFFF;
    background-color: #FEA525;
}

.CalendrierReserve
{
    color: #FFFFFF;
    background-color: #849FBE;
}


/* Mise en forme de la page d'accueil */
.AccueilFond
{
    background-color:#E3EDFF;
    text-align: center;
    padding: 0;
    margin: 0;
}

.AccueilHeader
{
    background-color:#A1B6CE;
    text-align: center;
}


.AccueilTitre
{ 
    background-color:#A1B6CE;
    background-image:url('Images/AccueilTitre.gif');
    background-repeat:no-repeat;
    background-position:center;
    height:100px;
    color: #FFFFFF;
    font-size: 32px;
}

.AccueilTitre a
{ 
    text-decoration:none;
}

.AccueilCentral
{
    background-position:top;
    background-image:url('Images/AccueilHeader.jpg');
    background-repeat:no-repeat;
    background-color:#FFFFFF;
    width:800px;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
}

.AccueilDescriptionTitre
{   
    font-size:20px;
    font-weight:bold;
    color:#A1B6CE;
    
}
.AccueilDescriptionOngletTitre
{   
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    text-align:center;
    vertical-align:middle;
}

.AccueilDescriptionOngletTitre a
{   
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;   
}

.AccueilDescriptionOngletFond
{   position:absolute;
    top:-50px;
    left:0px;
}

.AccueilCreationCompte
{   background-image:url('Images/BoxNewAccount.gif');
    text-align:center;
    color: #FFFFFF;
    font-weight: bold;
    Font-Size: 14px;
}

.AccueilCreationCompte a
{   color: #FFFFFF;
}

.AccueilCreationCompte a:hover
{   color: #FF9900;
    background-color: #FFFFFF;
}

.AccueilBlocNormal
{            
    background-image: url('Images/BoxNormal.gif');
    background-repeat:no-repeat;
    text-align:center;
    vertical-align:middle;
    background-position:center;
}

.AccueilBlocSmall
{            
    background-image: url('Images/BoxVerySmall.gif');
    background-repeat:no-repeat;
    text-align:center;
    vertical-align:middle;
    background-position:center;
}

.AccueilBlocLarge
{            
    background-image: url('Images/BoxLarge.gif');
    background-repeat:no-repeat;
    text-align:left;
    vertical-align:middle;
    background-position:center;
    font-size:12px;
    width:500px;
    Height:450px

}

.AccueilBlocLogged
{            
    background-image: url('Images/BoxLogged.gif');
    background-repeat:no-repeat;
    text-align:center;
    vertical-align:middle;
    background-position:center;
}


/*
.AccueilDescriptionOngletImageSelectionne
{   background-image:url('Images/DescriptionOnlgetSelectionne.gif');
}
*/

    
/* Mise en forme de la page modele */
.ZonePage
{
    position: relative;
    top:0px;
    margin-top:0px;
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    height: auto;
    background-color:White;
}

.ZoneHeader
{
    background-image: url( 'Images/HeaderBground.gif' );
    background-repeat: no-repeat;
    
    width: 990px;
    height: 60px;
}

.ZoneLogo
{
    border-width: 0px;
    background-image: url(  'Images/LogoBground.gif' );
    background-repeat:no-repeat;
    left: 10px;
    top: 9px;
    position: absolute;
    color: #FFFFFF;
    font-size: 22px;
    width: 185px;
    height: 50px;
    text-align: left;
    vertical-align: top;
}

.ZoneLogo a
{
    text-decoration: none;
    color: #FFFFFF;
}

.ZoneLogo a:hover
{

}

.ZoneLangue
{
    border-width: 0px 0px 0px 0px;
    border-color: #333333;
    border-style: solid;
    position: absolute;
    top: 570px;
    left: 10px;
    width: 170px;
    height: 25px;
    color: #FFFFFF;
    font-size: 12px; /*background-image: url(     'Images/LangueBground.gif' );*/
    text-align: center;
}

.ZoneLogin
{
    position: absolute;
    top: 10px;
    right: 35px;
    width: 450px;
    height: 29px;

    color: #FFFFFF;
    font-size: 11px;
    vertical-align: bottom;
    
    text-align:right;
    /* background-image: url('Images/LoginBground.gif' ); */ 
    background-repeat:repeat;
}

.ZoneLogin a
{
    color: #FFFFFF;
}

.ZoneLoginText
{
    border-width: 1px;
    border-color:Black;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    font-weight: normal;
}

.ZoneLoggedinText
{
    border-width: 0px;
    padding: 3px;
    margin: 0px;
    font-size: 11px;
    font-weight: normal;
    height: 26px;
}

.ZoneFilAriane
{
    left: 190px;
    top: 35px;
    position: absolute;
    color: #FFFFFF;
    font-size: 11px;
    width: 780px;
    height: 15px;
    text-align: left;

}

.ZoneFilAriane a
{
    color: #FFFFFF;
    text-decoration: none;
}

.ZoneAide
{
    position: absolute;
    top: 35px;
    right: 10px;
    width: 21px;
    height: 21px;
    /*background-color:Gray;*/
}


.ZoneCentral
{  height:auto;
}

.ZoneNavigation
{
    left: 0px;
    width: 170px;
    height: 550px;
    background-image: url( 'Images/NavigationBground.gif' );
    background-repeat: no-repeat;
    color: #FFFFFF;
}

.ZoneNavigation a
{
    text-decoration: none;
    color: #FFFFFF;
}

.ZoneContenuPage
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 800px;
    height:auto;
}

.ZoneFiltre
{
    position:absolute; 
    top: 13px; 
    text-align: right; 
    width: 650px; 
    right: 0px;
}

.ZoneFooter
{
    width: 980px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    background-image: url( 'Images/FooterBground.gif' );
    background-repeat: no-repeat;
    text-align: center;
}

.NavigationHoverNodeStyle
{
    background-color: #426485;
}

.NavigationLeafNodeStyle
{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #FFFFFF;
}

.NavigationNodeStyle
{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #FFFFFF;
}

.NavigationParentNodeStyle
{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #FFFFFF;
}

.NavigationRootNodeStyle
{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #FFFFFF;
}

.NavigationSelectedNodeStyle
{
    color: #A1B6CE;
    font-weight: bold;
}

.NavigationTreeView table
{
    padding: 1px;
}

.TextBoxDouble
{
    text-align: center;
    color: #FF0000;
    font-weight: bold;
}



