/* Survol de la categorie --> pop d'une image*/
a.categorie 
{
    text-decoration : none;
    color : black;
    position : relative;
    display :  block;
}
a.categorie:hover
{
    background : none;
    z-index : 500;
}
a.categorie:hover img
{
    z-index :500;
    border-color : Aqua;
}
a.categorie div
{
    display : none;
}
a.categorie:hover div.categorie_div
{
    display : inline;
    position : absolute;
    z-index :500;
    top : -1em;
    left : 3em;
    border : solid 1px Aqua;
    background-color : Aqua;
}
div.categorie_div img
{
    display : block;
}
div.categorie_div div
{
    display : block;
    background-color : Aqua;
}
div.categorie_div div span
{
    position : relative;
    color:Black;
    display : block;
    width : 100%;
    white-space:  nowrap;
}
a.categorie:hover div IFRAME
{
 display:none;/*sorry for IE5*/ 
 display/**/:block;/*sorry for IE5*/
 position:absolute;/*must have*/
 top:0;/*must have*/
 left:0;/*must have*/
 z-index:-1;/*must have*/
 filter:mask();/*must have*/
 width:200px;/*must have for any big value*/
 height:300px/*must have for any big value*/;
}
/*survol du prix -->pop du type de tarif*/
a.prixdate 
{
    position : relative;
    text-decoration : none;
    color : black;
}
a.prixdate span
{
    display : none;

}
a.prixdate:hover
{
    background : none;
    z-index : 500;
}
a.prixdate:hover span
{
    display : inline;
    position : absolute;
    z-index :500;
    top : 2em;
    left : 1em;
    background-color : aqua;
    text-align : center;
    padding : 0.2em;
    color : #000;
}

span.etapeerreur
{
    color : Red;
}

/*survol des conditions --> POP DU TEXT DES CONDITIONS*/
a.condition
{
    position : relative;
}
a.condition span
{
    display : none;
}
a.condition:hover
{
    background : none;
    z-index : 500;
}
a.condition:hover span
{
    display : inline;
    text-decoration : none;
    position : absolute;
    z-index :500;
    top : 2em;
    left : -100px;
    background-color : InfoBackground;
    text-align : center;
    padding : 0.2em;
    width : 375px;
    border : 1px solid #000;
    text-align : justify;
    color : #000;
}

div#presentationtext
{
    width : 95%;
    line-height : 1em;
}
#boutonetape
{
    position :absolute;
    right : 5px;
    top : 0px;
    bottom : 1px;
    z-index : 10;
}

.conteneur_etape #boutonetape
{
    position :absolute;
    right : 5px;
    bottom : 1px;
    z-index : 10;
}
.impression #boutonetape
{
    position :relative;
    margin : 10px 0px 0px 10px;
    z-index : 10;
}
#boutonetape input
{
    background-color : #000;
    color : #fff;
}
#boutonetape input
{
    width : 80px;
}
/* Page Etape1 */

div#etape1text
{
    position : relative;
  
    width : 100%;
    color : #000;
}

div#etape1text table
{
    width : 80%;
    text-align : left;
    vertical-align :  baseline;
    line-height : 1em;
}
div#etape1text table tr table
{
    width : auto;
    margin-top : -15px;
    height :10px;
}

/* Page Etape2 */
div#etape2text
{
    position : relative;
    width : 100%;
    height : 100%;
    z-index : 1;
}

div#etape2text table
{
    margin : 2px 0px 0px 2px !important;
    margin : 1px 0px 0px 1px;
    /*width : 95%;*/
}
div#etape2text table
{
    direction : ltr;
}
div#textinfoetape2
{
    margin-top : 10px;
}

/* Page Etape3 */
div#etape3text
{
   position : relative;
    height : 100%;
    text-align : justify;
}

div#etape3text table
{
    text-align : left;
    line-height : 1em;
    border-collapse : collapse;
}
td.etape3labelgauche,
td.etape3labeldroite
{
    width : 80px !important;
    width : 80px;
}
td.etape3saisiegauche,
td.etape3saisiedroite
{
    width : 180px;
}
td.etape3etoile
{
    width : 5px;
    text-align : right;
}
td.etape3colspan
{
    width : 100px;
    text-align : left;
}
div#etape3infoobligatoire
{
    left : 400px;
    top : 97%;
    position : absolute;
    color : #000;
}

/* Page Etape4 */
div#etape4text
{
    position : relative;
    width : 100%;
    height : 100%;
    line-height : 1em;
}

div#etape4text table
{
    width : 95%;
}
div#etape4text table tr 
{
    /*width : 50%;*/
    text-align : center;
}
div#etape4text table tr td
{
    /*width : 50%;*/
    text-align : center;
}

/* Page etape5 */
div#etape5text
{
    position : relative;
    width : 100%;
    height : 100%;
    line-height : 1em;
}

div#etape5text table
{
    direction : ltr;
    width : 95%;
}
div#etape5text table tr td
{
    width : auto;
}



span.messageerreur
{
    color : Red;
}