body 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    background-color: #FEFDFD;
}

img
{
    display: block;
}

form
{
    padding: 0px;
    margin: 0px;
}
/* test pour le  menu du header 
* Stephane
*/ 

#navcontainer ul
{
    margin: 0 0 0 5px;
    padding: 0;
    list-style-type: none;
    width: 100%;
    text-align: center;
}

#navcontainer li { 

    float: left;
    margin: 0px;
    padding: 0px;
    margin: 0 0 0 0;
    width: 25%;
}

#navcontainer li a
{

    text-decoration: none;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #e85412;
    padding: .2em 1em;
    background-image: url(../images/list-header.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#navcontainer li a:hover
{
/*background-color: #369;*/
    color: #008fbb;
}
 #nav-menu {
     margin-left: auto;
     margin-right: auto;
    // width: 650px; /* largeur obligatoire pour être centré */
    width: 85%;
     }
 #nav-menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

 #nav-menu li
{
    float: left;
    margin: 12px 0 0 0;
}

 #nav-menu li a
{
/*background: url(../images/list-header.gif) #fff bottom left repeat-x;*/
height: 2em;
line-height: 2em;
float: left;
/*width: 100%;*/
display: inline;
//border: 0.1em solid #dcdce9;


color: #0d2474;
text-decoration: none;
text-align: center;
}
#nav-menu a
{
    text-decoration: none;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #e85412;
}

#nav-menu a:hover
{
    color: #008fbb;
}

#header
{
    height: 165px;
    width: 752px;   
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
}
#header li
{
    margin: 12px 0 0 0;

}
/*
#header a
{
    text-decoration: none;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #e85412;
}

#header a:hover
{
    color: #008fbb;
}

#header ul
{
    //margin: 0;
    //padding: 0;
}



#nav-menu #presentation
{
    margin-left: 20px;  
}

#nav-menu #fonctionnement
{
    margin-left: 10px;  
}

#nav-menu #inscrire
{
    margin-left: 10px;  
}

#nav-menu #infos
{
    margin-left: 10px;  
}
*/
#conteneur 
{
    width: 752px;
    margin: 0 auto;
    background-color: #FEFDFD;  
}

.centre 
{
    float: right;
    width: 378px;
    background-image: url(../images/presentationBkg.gif);
    background-repeat: repeat-y;
}

.centre .titre
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px; 
    color: #eb6928;
    margin: 0 0 0 15px;
    padding: 5px 0 0 0;
}

.centre p
{
    margin: 10px 5px 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #606968;
    font-size: 11px;
    text-align: justify;
    text-indent: 15px;
    background-image: url(../images/list.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.centre .haut
{
    width: 378px;
    background-image: url(../images/presentationHeader.gif);
    background-repeat: no-repeat;
    background-position: top;
}

.centre .bas
{
    width: 378px;
    background-image: url(../images/PresentationFooter.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 5px 0 15px 0;
}

.centre .text
{
    font-family: Arial, Helvetica, sans-serif;
    color: #008fbb;
    font-size: 11px;
    margin: 5px 0 0 10px;   
    text-align: justify;    
}

.centre .text span, .centre .titre span
{
    font-family: Arial;
    font-size: 11px;    
    color: #606968;
    font-weight: normal;
}
.centre a
{
    color: #00648f;
    text-decoration: none;
}

#gauche 
{
    float: left;
    width: 374px;
}

#gauche p
{
    text-align: justify;
    width: 308px;
    margin: 20px 0 20px 30px;
    font-family: Arial;
    font-size: 11px;
}

#gauche .inputStyle
{
    width: 126px;
    height: 17px;
    background-color: #c4dfe7;
    border: 1px solid #989d9b;
    color: #003849;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

#gauche .t01
{
    font-weight: bold;
    color: #eb6928;
}

#gauche .t02
{
    color: #00648f;
}

#gauche .formName
{
    float: left;
    width: 130px;
    margin: 0;
    /*line-height: 24px;*/
    font: 11px/24px Arial;
    color: #989d9b;
}

#gauche .formInput
{
    float: right;
    //width: 176px;
    width: 50%;
    margin: 0;
    line-height: 24px;
    font: 11px/24px Arial;
}
#gauche .formRadio
{
    float: right;
    //width: 10px;
    //width: 176px;
    width: 50%;
    margin: 0;
    font: 11px/24px Arial;
    color: #989d9b;
}

#gauche .formContener
{
    clear: both;
    margin: 0 0 0 30px;
    width: 306px;   

}

#gauche .titre
{
    clear: both;
    margin: 0 0 0 20px;
    padding: 5px 0 5px 0;
    width: 346px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px; 
    color: #eb6928; 
}

#gauche .titre2 /* pour el en cas d'oubli */
{
    clear: both;
    margin: 0 0 0 60px;
    width: 306px;   
    padding: 5px 0 5px 0;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px; 
    color: #eb6928; 
}

#gauche .titre3 /* pour le Info perso en bleu */
{
    margin: 0 0 0 40px;
    padding: 5px 0 5px 0;
    width: 326px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px; 
    color: #008fbb; 
}



#cadre
{
    width: 243px;

    margin: 4px 0 0 30px;
    padding: 0 0 0 0;
    
    background-image: url(../images/cadre_04.gif);
    background-repeat: repeat-y;

    font-family: Arial, Helvetica, sans-serif;
    color: #eb6928;
    font-size: 11px;
}

#cadre #contenu
{
    width: 243px;
    background-image: url(../images/cadre_02.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

#cadre #header
{
    width: 243px;
    height: 9px;
    background-image: url(../images/cadre_01.gif);
    background-repeat: no-repeat;
    font-size: 1px; /* corrige le bug sous IE qd la police est plus grand ke l image */
}

#cadre #footer
{
    clear: both;
    width: 243px;
    height: 9px;    
    background-image: url(../images/cadre_03.gif);
    background-repeat: no-repeat;
    font-size: 1px; /* corrige le bug sous IE qd la police est plus grand ke l image */
}

#cadre .titrecadre
{
    font-weight: bold;
    float: left;
    padding: 1px 5px 1px 5px;   
}

#cadre .access
{
    padding: 1px 5px 1px 5px;   
}

#cadre a
{
    color: #00648f;
    text-decoration: none;
}

#cadre a:hover
{
    text-decoration: underline;
}

#pied 
{
    clear:both;
    padding: 20px 0 0 0;
    text-align: center;
}

#pied p
{
    margin: 10px 5px 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #606968;
    font-size: 11px;
    text-align: justify;
    text-indent: 15px;
}

#pied input
{
    margin: 10px;
}

#spacer
{
    background-image:   url(../images/footer.gif);
    background-repeat: repeat-x;
    height: 3px;
    font-size: 0;
}

#legal
{
      width: 752px;
      font-size: 10px;
      color: #606968;
      clear: both;
      margin-left:  auto;
      margin-right: auto;
      text-align: center;
}