/***********************************************/
/* HTML styles general du contenu du portail   */
/***********************************************/
body{
   font-family: Verdana, Arial, Helvetica, sans-serif;  /* Style de la police pour le contenu general */
   font-size: 0.8em; /* Taille de la police pour le contenu general */
   color: #536d7a;                           /*  couleur de police bleu */  
}


/*--------------*/
/**** Titres ****/
h1,h1,h3,h4,h5,h6{                           /* Les titres de paragraphes */
   margin: 0px;                              /* Pas de marge en bas pour coller le titre au paragraphe*/
   padding: 0px;                             /* titre aligne */
   color: #6d6d6d;                           /* couleur de la polisce de les titres de paragraphes */
}

/* Tailles preconisees par la charte d'accessibilite */
h1 {
    font-size: 2em;
   }

h2 {
    font-size: 1.5em;
   }

h3 {
    font-size: 1.17em;
   }

h4 {
    font-size: 1em;
   }

h5 {
    font-size: 0.83em;
   }

h6 {
    font-size: 0.67em;
   }

/************************************************/
/**    Styles de listes de trois niveaux        */
/************************************************/

ul{
   display: block;                              /*Liste afficher en bloque*/
   list-style-type:  none;                     /*Aucune illustration des puce*/

}

ul ul{
   display: block;                              /*Liste afficher en bloque*/
   list-style-type:  none;                     /*Aucune illustration des puce*/

}

ul ul ul{
   display: block;                              /*Liste afficher en bloque*/
   list-style-type:  none;                     /*Aucune illustration des puce*/

}

/*-------------*/
/**** Liens ****/
a:link, a:visited {    /* La couleur est geree par les navigateurs */
   text-decoration: none; /* Non souligne */
   }

a:hover {
   text-decoration: underline; /* Souligne quand la souris est au-dessus */
   }

a img {
   border: 0;  /* Afin d'eviter les bordures sur les images (Mozilla/Firefox, notamment) */
   }
   
   
/***********************************************/
/* Attributs spécifiques à chaque espace       */
/***********************************************/

/***********************************************/
/****         espace particulier            ****/
/***********************************************/
.aster { /* pour asterisques */
   color: #0000FF;
   font-weight: bold;
   }

.portletParticulier {                         /* commentaire à compléter... */
   width: 650px;
   position: relative;
   float: left;
   height: auto;
   padding: 15px;
   }

.portletParticulier span {
   color: #65b938;
   font-weight: bold;
   }

.portletParticulier h3 {
   color: #65b938;
}

.portletParticulier hr {
}

ul.pucesParticulier {
   list-style-type: none;
   text-indent: 0px;
   height: auto;
}

.pucesParticulier li {
   padding-left:16px;
   background-color: transparent;
   background-image: url(../images/puceParticuliersNiveau1.gif);
   background-repeat: no-repeat;
   background-position: left 7px;
   padding-top: 2px;
   padding-bottom: 2px;
}

ul.pucesPartFleche {
   list-style-type: none;
   text-indent: 0px;
   height: auto;
}

.pucesPartFleche li {
   padding-left:16px;
   background-color: transparent;
   background-image: url(../images/pucesVotreCaf.png);
   background-repeat: no-repeat;
   background-position: left 3px;
   padding-top: 2px;
   padding-bottom: 10px;
}

ul.pucesParticulierN2 {
   list-style-type:none;
   text-indent: 0px;
   height: auto;
}

.pucesParticulierN2 li {
   padding-left:16px;
   background-color: transparent;
   background-image: url(../images/particuliers/puceParticuliersNiveau2.gif);
   background-repeat: no-repeat;
   background-position: left 7px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
   margin-left: 30px;
}

ul.pucesParticulierN3 {
   list-style-type:none;
   text-indent: 0px;
   height: auto;
}

.pucesParticulierN3 li {
   background-color: transparent;
   background-image: url(../images/puceParticuliersNiveau3.gif);
   background-repeat: no-repeat;
   background-position: left 7px;
   padding-top: 0px;
   padding-bottom: 2px;
   padding-right: 0px;
   margin-left: 40px;
   padding-left: 16px;
}

ul.flecheParticulier {
   list-style-type:none;
   text-indent: 0px;
   height: auto;
}

.flecheParticulier li {
   padding-left:30px;
   background-color: transparent;
   background-image: url(../images/fleche1v.gif);
   background-repeat: no-repeat;
   background-position: left 3px;
   padding-top: 2px;
   padding-bottom: 2px;
}

/*.portletParticulier a:link, a:visited, a:hover {
   color: #65b938;
}
*/
.contenuBloc {
   width: auto;
   position: relative;
   float: left;
   display: block;
   border: 1px solid #65b938;
   left: 25px;
   margin-bottom: 20px;
   margin-top: 20px;
   height: auto;
}

.contenuBloc h4 {
   display: block;
   padding: 8px;
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
}

.contenuBloc p {
   padding: 8px;
   margin: 2px;
}

.blocAah1{
   height: auto;
   width: 320px;
   position: relative;
   float: left;
   display: block;
   padding-bottom: 5px;
}

.blocAah2{
   height: 335px;
   width: 300px;
   position: relative;
   text-align: left;
   float: left;
   display: block;
   border-left: 1px solid #65b938;
}

.retourVotreCaf a {
   background-image: url(../images/flecheParticuliersRetour.GIF);
   background-repeat: no-repeat;
   background-position: left 12px;
   text-align: center;
   display: block;
   height: 30px;
   width: 20px;
   line-height: 50px;
   font-weight: normal;
   float: right;
}
.fermer a{
   float: right;
}

.aideContextuel {
   color: #65b938;
}
/***************** BlockAeeh1 old*****************/
.contenuBlocAfe{
   width: auto;
   position: relative;
   float: left;
   left: 10px;
   height: auto;
   padding-top: 10px;
   right: 10px;
}

.contenuBlocAfe h4{
   display: block;
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
   line-height: 30px;
}
.contenuBlocAfe p{
   padding: 8px;
   margin: 2px;
   display: block;
}
.blocAfe1{
   height: auto;
   width: 222px;
   position: relative;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-color: #65B938;
   border-bottom-color: #65B938;
   border-left-color: #65B938;
}
.blocAfe1 h4{
   height: 51px;
   line-height: 51px;
   
}
.blocAfe1a{
   height: 20px;
   width: 222px;
   position: relative;
   float: left;
   display: block;
}
.blocAfe1b{
   height: auto;
   width: 222px;
   position: relative;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-color: #65B938;
   border-bottom-color: #65B938;
   border-left-color: #65B938;
}
.blocAfe1a h4{
   height: 31px;
   width: 222px;
   position: relative;
   float: left;
   display: block;
   text-align: center;
}

.blocAfe2{
   height: auto;
   position: relative;
   text-align: left;
   float: left;
   width: 378px;
}
.blocAfe2 h4{
   height: 30px;
   position: relative;
   text-align: center;
   float: left;
   border-left: 1px solid #C0C0C0;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #C0C0C0;
   width: 378px;
}
.blocAfe3{
   height: auto;
   width: 125px;
   position: relative;
   text-align: center;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-right-color: #65b938;
   border-bottom-color: #65b938;
}
.blocAfe3 h5{
   display: block;
   line-height: 20px;
   text-align: center;
   background-color: #65B938;
   color: #FFFFFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #C0C0C0;
}
.blocAfe3 h4{
   height: 22px;
   width: 126px;
   position: relative;
   text-align: left;
   float: left;
   display: block;                                                                                                                                                                                                                                                                           
   border-left: 1px solid #65b938;
}
/***************** BlockAjpp1*****************/
.contenuBloc2Col{
   width: auto;
   position: relative;
   float: left;
   display: block;
   border: 1px solid #65b938;
   left: 25px;
   margin-bottom: 20px;
   margin-top: 20px;
   height: auto;
}
.bloc2Col1a{
   height: 30px;
   width: 300px;
   position: relative;
   float: left;
   display: block;
   text-align: left;
}
.bloc2Col1a h4{
   height: 30px;
   width: 300px;
   position: relative;
   text-align: center;
   float: left;
   color: #FFFFFF;
   background-color: #65b938;
}
.bloc2Col1b{
   height: auto;
   width: 300px;
   position: relative;
   text-align: center;
   float: left;
   display: block;
   border-left: 1px solid #65b938;
}
.bloc2Col1b h4{
   height: 30px;
   width: 300px;
   position: relative;
   text-align: center;
   float: left;
   background-color: #65B938;
   color: #FFFFFF;
   line-height: 30px;
}

/***************** BlockTableau3ColonnesComplex *****************/
.contenuBloc3ColCx{
   width: auto;
   position: relative;
   float: left;
   left: 10px;
   height: auto;
   padding-top: 10px;
   right: 10px;
}

.contenuBloc3ColCx h4{
   display: block;
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
   line-height: 30px;
}
.contenuBloc3ColCx p{
   padding: 8px;
   margin: 2px;
   display: block;
}
.bloc3ColCx1{
   height: auto;
   width: 228px;
   position: relative;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-color: #65B938;
   border-bottom-color: #65B938;
   border-left-color: #65B938;
}
.bloc3ColCx1 h4{
   height: 51px;
   line-height: 51px;
   
}
.bloc3ColCx2{
   height: auto;
   width: 381px;
   position: relative;
   text-align: left;
   float: left;
}
.bloc3ColCx2 h4{
   height: 30px;
   width: 380px;
   position: relative;
   text-align: center;
   float: left;
   border-left: 1px solid #C0C0C0;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #C0C0C0;
}
.bloc3ColCx3{
   height: auto;
   width: 220px;
   position: relative;
   text-align: center;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-right-color: #65b938;
   border-bottom-color: #65b938;
}
.bloc3ColCx3 h4{
   display: block;
   line-height: 20px;
   text-align: center;
   background-color: #65B938;
   color: #FFFFFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #C0C0C0;
}

/***************** Tableau 2 colonnes *****************/
.tableau2Colonnes{
   width: auto;
   position: relative;
   float: left;
   display: block;
   border: 1px solid #65b938;
   left: 10px;
   margin-top: 20px;
   height: auto;
}
.tableau2ColonnesA{
   height: 30px;
   width: 300px;
   position: relative;
   float: left;
   display: block;
   text-align: left;
   margin-right: 0px;
}
.tableau2ColonnesA h4{
   height: 30px;
   width: 300px;
   position: relative;
   text-align: center;
   float: left;
   color: #FFFFFF;
   background-color: #65b938;
   line-height: normal;
}
.tableau2ColonnesA p{
   text-align: left;
   left: 10px;
}
.tableau2ColonnesB{
   height: auto;
   width: 300px;
   position: relative;
   text-align: left;
   float: left;
   display: block;
   border-left: 1px solid #65b938;
}
.tableau2ColonnesB h4{
   height: 30px;
   width: 300px;
   position: relative;
   text-align: center;
   float: left;
   background-color: #65B938;
   color: #FFFFFF;
   line-height: 30px;
}

/***************** Tableau 3 colonnes *****************/
.tableau3Colonnes{
   float: left;
   width: 670px;
   margin-left: 20px;
}
.tableau3Colonnes h4{
   display: block;
   color: #FFFFFF;
   background-color: #65b938;
   height: 50px;
   vertical-align: middle;
   text-align: center;
   padding-top: 10px;
   padding-right: 5px;
   padding-left: 5px;
}
.tableau3Colonnes p{
   padding: 8px;
   display: block;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #C0C0C0;
}
.tableau3ColonnesA{
   height: auto;
   width: 220px;
   position: relative;
   float: left;
   display: block;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #65B938;
   border-left-style: solid;
}
.tableau3ColonnesA h4{
}
.tableau3ColonnesA p{
   padding: 8px;
   margin: 2px;
   display: block;
}
.tableau3ColonnesB{
   position: relative;
   float: left;
   display: block;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #65B938;
   text-align: center;
   vertical-align: middle;
   width: 220px;
}
.tableau3ColonnesB h4{
   border-right-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-left-style: solid;
   border-right-color: #FFFFFF;
   border-left-color: #FFFFFF;
}
.tableau3ColonnesB p{
   padding: 8px;
   margin: 2px;
   display: block;
}
.tableau3ColonnesC{
   position: relative;
   float: left;
   display: block;
   text-align: center;
   vertical-align: middle;
   width: 220px;
}
.tableau3ColonnesC h4{

}
.tableau3ColonnesC p{
   padding: 8px;
   margin: 2px;
   display: block;
}

/***************** Tableau 3 colonnes + titre *****************/
.tableau3ColonnesTitre{
   position: relative;
   float: left;
   left: 10px;
   height: auto;
   right: 10px;
   width: 670px;
}

.tableau3ColonnesTitre h4{
   display: block;
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
   text-indent: 5px;
}
.tableau3ColonnesTitre p{
   margin: 2px;
   display: block;
   line-height: 20px;
}
.tableau3ColonnesTitreA{
   position: relative;
   float: left;
   display: block;
   width: 200px;
}
.tableau3ColonnesTitreA h4{
   line-height: 30px;
}
.tableau3ColonnesTitreB{
   height: auto;
   position: relative;
   text-align: left;
   float: left;
   width: 440px;
}
.tableau3ColonnesTitreB h4{
   text-align: center;
   float: left;
   border-left: 1px;
   line-height: 20px;
   background-color: #65B938;
   height: auto;
   width: auto;
}
.tableau3ColonnesTitreC{
   width: 200px;
}
.tableau3ColonnesTitreC h4{
   display: block;
   text-align: center;
   background-color: #65B938;
   color: #FFFFFF;
   position: relative;
   height: 40px;
   line-height: 40px;
   width: 200px;
}
.tableau3ColonnesTitreC p{
   padding: 8px;
   margin: 2px;
   display: block;
   height: auto;
   line-height: 20px;
}
.tableau3ColonnesTitreD{
   width: 200px;
}
.tableau3ColonnesTitreD h4{
   display: block;
   text-align: center;
   color: #FFFFFF;
   height: 40px;
   line-height: 20px;
   width: 200px;
}
.tableau3ColonnesTitreD p{
   padding: 8px;
   margin: 2px;
   display: block;
   height: 20px;
}

/***************** Tableau Clca *****************/
.tableauClca{
   position: relative;
   float: left;
   left: 10px;
   height: auto;
   right: 10px;
}
.tableauClca h4{
   color: #FFFFFF;
   background-color: #65b938;
   line-height: 20px;
   text-align: center;
}
.tableauClca h5{
   color: #FFFFFF;
   background-color: #65b938;
   line-height: 20px;
   text-align: center;
}
.tableauClca p{
   height: 20px;
}
.tableauClcaA{
   width: 200px;
   height: auto;
}
.tableauClcaA h4{
   color: #FFFFFF;
   background-color: #65b938;
   line-height: 20px;
   text-align: center;
   width: 200px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #FFFFFF;
}
.tableauClca p{
   height: 20px;
   width: 200px;
}
.tableauClcaB{
   width: 200px
}
.tableauClcaB h4{
   color: #FFFFFF;
   background-color: #65b938;
   line-height: 20px;
   text-align: center;
   width: 200px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #FFFFFF;
}
.tableauClcaB h5{
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
   width: 200px;
   line-height: 20px;
}
.tableauClcaC{
   width: 200px
}
.tableauClcaC h4{
   color: #FFFFFF;
   background-color: #65b938;
   line-height: 20px;
   text-align: center;
   width: 200px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #FFFFFF;
}
.tableauClcaC h5{
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
   width: 200px;
   line-height: 20px;
}
.tableauClcaD{
   width: 396px
}

/***************** Tableau Clca2 *****************/
.tableauClca2{
   width: auto;
   position: relative;
   float: left;
   left: 10px;
   height: auto;
   padding-top: 10px;
   right: 10px;
}

.tableauClca2 h4{
   display: block;
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
   line-height: 20px;
}
.tableauClca2 p{
   height: 70px;
   padding: 8px;
   margin: 2px;
   display: block;
   text-align: center;
}
.tableauClca2A{
   height: 70px;
   width: 220px;
   position: relative;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-color: #65B938;
   border-bottom-color: #65B938;
   border-left-color: #65B938;
}
.tableauClca2A h4{
   height: 80px;
   line-height: 80px;
}
.tableauClca2A p{
   height: 70px;
   vertical-align: middle;
   line-height: 20px;
}
.tableauClca2B{
   height: 70px;
   width: 220px;
   position: relative;
   text-align: left;
   float: left;
   line-height: 70px;
}
.tableauClca2B h5{
   height: 70px;
   width: 220px;
   position: relative;
   text-align: center;
   float: left;
   border-left: 1px solid #C0C0C0;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #C0C0C0;
}
.tableauClca2B p{
   height: 70px;
   vertical-align: middle;
}
.tableauClca2C{
   height: 70px;
   width: 220px;
   position: relative;
   text-align: center;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-right-color: #65b938;
   border-bottom-color: #65b938;
}
.tableauClca2C h4{
   display: block;
   height: 70px;
   text-align: center;
   background-color: #65B938;
   color: #FFFFFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #C0C0C0;
}
.tableauClca2C p{
   height: 70px;
   vertical-align: middle;
}

/***************** Tableau 2 colonnes GardePaje*****************/
.tableau2ColGardePaje{
   width: auto;
   position: relative;
   float: left;
   display: block;
   border: 1px solid #65b938;
   left: 25px;
   margin-bottom: 20px;
   margin-top: 20px;
   height: auto;
}
.tableau2ColGardePajeA{
   height: 30px;
   width: 300px;
   position: relative;
   float: left;
   display: block;
   text-align: left;

}
.tableau2ColGardePajeA h4{
   height: 30px;
   width: 300px;
   position: relative;
   text-align: center;
   float: left;
   color: #FFFFFF;
   background-color: #65b938;
   line-height: 30px;
}
.tableau2ColGardePajeA p{
   text-align: left;
   height: 50px;
}
.tableau2ColGardePajeB{
   height: auto;
   width: 300px;
   position: relative;
   text-align: center;
   float: left;
   display: block;
   border-left: 1px solid #65b938;
}
.tableau2ColGardePajeB h4{
   height: 30px;
   width: 300px;
   position: relative;
   text-align: center;
   float: left;
   background-color: #65B938;
   color: #FFFFFF;
   line-height: 30px;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #C0C0C0;
}

/***************** Tableau 3 colonnes + titre Prime page  *****************/
.primePaje3ColTitre{
   width: auto;
   position: relative;
   float: left;
   left: 10px;
   height: auto;
   padding-top: 10px;
   right: 10px;
}

.primePaje3ColTitre h4{
   display: block;
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
   line-height: 30px;
}
.primePaje3ColTitre p{
   padding: 8px;
   margin: 2px;
   display: block;
}
.primePaje3ColTitreA{
   height: auto;
   width: 222px;
   position: relative;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-color: #65B938;
   border-bottom-color: #65B938;
   border-left-color: #65B938;
}
.primePaje3ColTitreA h4{
   height: 51px;
   line-height: 51px;
}

.primePaje3ColTitreB{
   height: auto;
   position: relative;
   text-align: left;
   float: left;
   width: 378px;
}
.primePaje3ColTitreB h4{
   height: 30px;
   position: relative;
   text-align: center;
   float: left;
   border-left: 1px solid #C0C0C0;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #C0C0C0;
   width: 377px;
}
.primePaje3ColTitreC{
   height: auto;
   width: 188px;
   position: relative;
   text-align: center;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-right-color: #65b938;
   border-bottom-color: #65b938;
}
.primePaje3ColTitreC h5{
   display: block;
   line-height: 20px;
   text-align: center;
   background-color: #65B938;
   color: #FFFFFF;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #C0C0C0;
}
.primePaje3ColTitreC h4{
   height: 22px;
   position: relative;
   text-align: left;
   float: left;
   display: block;                                                                                                                                                                                                                                                                           
   border-left: 1px solid #65b938;
}

/***************** Tableau Aeeh1 *****************/
.tableauAeeh{
   width: auto;
   position: relative;
   float: left;
   height: auto;
   padding-top: 10px;
   vertical-align: middle;
   text-align: center;
}

.tableauAeeh h4{
   display: block;
   color: #FFFFFF;
   background-color: #65b938;
   text-align: center;
   line-height: 25px;
}
.tableauAeeh p{
   padding: 8px;
   margin: 2px;
   display: block;
   height: 32px;
}
.tableauAeehA{
   height: auto;
   width: 125px;
   position: relative;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-color: #65B938;
   border-bottom-color: #65B938;
   border-left-color: #65B938;
   text-align: left;
}
.tableauAeehA h4{
   line-height: 50px;
   
}
.tableauAeehB{
   width: 85px;
   position: relative;
   float: left;
   display: block;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-color: #65B938;
   border-bottom-color: #65B938;
   border-left-color: #65B938;
}
.tableauAeehB h4{
   height: auto;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #C0C0C0;
}

/*********** formulaire Wapp ***************/
div.rowDialogue {
   clear: both;
   text-align: left;
   display: block;
   padding-top: .2em;
   padding-bottom: .2em;
  }

div.rowDialogue span.labelDialogue {
   float: left;
   width: 24em;
   text-align: right;
   color: #536D7A;
   position: relative;
   margin: 0px;
   padding: 0px;
  }

div.rowDialogue span.formDialogue {
   text-align: left;
   display: block;
   left: .3em;
   right: .3em;
   color: #536D7A;
   float: left;
   padding: 0px 0px 0px .3em;
   width: 28em;
  }
  
div.rowDialogue span.labelDialogue2 {
   float: left;
   width: 16em;
   text-align: right;
   color: #536D7A;
   position: relative;
   margin: 0px;
   padding: 0px;
  }

div.rowDialogue span.formDialogue2 {
   text-align: left;
   display: block;
   color: #536D7A;
   float: left;
   padding: 0 0 0 0.5em;
   width: 32em;
  }  
  
.labelValid {
   font: 0.9em Verdana, Arial, Helvetica, sans-serif;
   color: #ff3333;
   letter-spacing: normal;
   font-weight: bold;
}

.labelInfoDialogue {
   text-align: left;
   margin-top: 10px;
   margin-bottom: 10px;
}

.labelErreur {
   color: #ff3333;
   }
.labelEnvoyer {
   text-align: right;
   display: block;
}

.submiter{  /*Permet le dessin des boutons de commandes */
   font-size: 1em;
   color: white; /* Police d'écriture blanche du bouton */
   font-weight:bold; /* Police d'écriture en gras */
   background-color: #536d7a; /* Couleur de fond bleu du bouton */
   text-decoration: none;
   border: 1px solid #CCCCCC;
   padding: 0.3em;
   width : 119px; /* largeur de 119 pixels du bouton */
}

a.submiter2{  /*Permet le dessin des boutons de commandes */
   font-size: 1em;
   color: white; /* Police d'écriture blanche du bouton */
   font-weight:bold; /* Police d'écriture en gras */
   background-color: #536d7a; /* Couleur de fond bleu du bouton */
   text-decoration: none;
   border: 1px solid #CCCCCC;
   padding: 0.4em 1em 0.4em 1em;
   /padding: 0.5em 1em 0.5em 1em;
   width : 119px; /* largeur de 119 pixels du bouton */
   position:relative;
   /bottom:0.5em;
}

.centre { /* Centrage par rapport à une largeur donnée */
   text-align: center;
   clear : left;
   width: 699px;
}

.centrebouton  /* Centrage par rapport à une largeur donnée */
{
   text-align: center;
   clear : left;
   margin-top: 2em;
}

.clearfloat { /* cette classe doit etre placee pour un element div ou break et doit etre l'element final avant la balise de fin d'un conteneur qui doit contenir entierement un element flottant */
   clear: both;
   line-height: 1em;
}

.Clear{
	clear:both;
	text-align:left;
	padding-top:25px;
	padding-left:10px;
}

/* Classes pour Index.jsp */
.CadreTexteIndex{
	width:100%;
}

.CadreAllocataire{
	width:25em;
	height:8em;
	border:1px solid #536d7a;
	float:left;	
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.CadreNonAllocataire{
	width:24em;
	height:8em;
	border:1px solid #536d7a;
	float:left;
	margin-left: 1.5em;	
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.PetitePolice{
	font-size:0.8em;
}