﻿body
{
    margin-top:0;
    padding:0;
}

.form
{
    position:relative;
    float:left;
    width:1003px;
    margin:0;
    left:50%;
    margin-left:-501px;
    padding:0;
    display:block;

}

.ZoneBandeau
{
    position:relative;
    width:1003px;
    height:189px;
    display:block;
}

.ZoneContenuGauche
{
    position:relative;
    float:left;
    width:199px;
    display:block;

}

.ZoneContenu
{
    position:relative;
    float:left;
    width:562px;
    display:block;

}

.ZoneContenuDroite
{
    position:relative;
    float:left;
    width:215px;
    display:block;

}

/*******************************************************
   Menu pied de page
********************************************************/

.ulPiedDePage
{
    position:relative;
    float:left;
    width:80px;
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    margin-top:135px;
    
}
.ulPiedDePage
{

}
.ulPiedDePage a, .ulPiedDePage a:hover
{
    font-family:Trebuchet MS;
    font-size:13px;
    font-weight:bold;
    color:#7B7C7E;
    text-decoration:none;
    
    line-height:20px;
    vertical-align:middle;
    height:20px;
    display:block;
    padding-left:17px;

    background: url(../Images/fleche_verte.gif) no-repeat;
    background-position:left 4px ;
}


/*******************************************************
   Menu navigation
********************************************************/


.ulNavigation
{
    position:relative;
    float:left;
    width:510px;
    height:46px;
    display:block;
    margin:0;
    padding:0;
    border:0;
    border-bottom:solid 1px #5C5B60;
}
.ulNavigation li
{
    position:relative;
    float:left;
    width:124px;
    height:47px;

    display:block;
    text-align:center;
    margin-right:3px;
}
.ulNavigation a, .ulNavigation a:hover, .ulNavigation .tabs-selected a
{
    font-family:Trebuchet MS;
    font-size:11px;
    font-weight:bold;
    color:#5C5B60;

    position:relative;
    width:124px;
    line-height:47px;
    vertical-align:middle;
    height:47px;
    display:block;
    
    text-decoration:none;

    background: url(../Images/Onglet_Off.gif) no-repeat;
    background-position:0px left;
    z-index:1;

}

.ulNavigation a:hover, .ulNavigation .tabs-selected a
{
    color:#EA5A00;
    height:47px;
    background: url(../Images/Onglet_On.gif) no-repeat;
    background-position:0px left;
    border-bottom:solid 1px white;
}

.DivSousContenu
{
    position:relative;
    float:left;
    width:469px !important;
    width:509px;
    display:block;
    border-left:solid 1px #5C5B60;
    border-right:solid 1px #5C5B60;
    border-bottom:solid 1px #5C5B60;
    z-index:0;
    margin-top:-1px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:18px;
}
.tabs-container, .tabs-nav
{

}

/* Nécessaire à la transition */
.tabs-hide
{
    display:none;
}


.btnEnvoyer, .btnEnvoyer:hover
{
    position:relative;
    float:left;
    clear:both;
    color:#5C5B60;
    
    width:110px;
    height:36px;
    display:block;
    margin-left:128px;

    background: url(../Images/btnValider_Off.jpg) no-repeat;
    background-position:top left;
    border:0;
}
.btnEnvoyer:hover
{
    background: url(../Images/btnValider_On.jpg) no-repeat;
    background-position:top left;
}

