/* Survol de la categorie --> pop d'une image*/
a.categorie 
{
    text-decoration : none;
    color : #003399;
    position : relative;
    display :  block;
}
a.categorie:hover
{
    background : none;
    z-index : 500;
}
a.categorie:hover img
{
    z-index :500;
    border-color : #003399;
}
a.categorie div
{
    display : none;
}
a.categorie:hover div.categorie_div
{
    display : inline;
    position : absolute;
    z-index :500;
    border : solid 1px #003399;
    background-color : #003399;
    top : -2em;
    left : 3em;
}
div.categorie_div img
{
    display : block;
}
div.categorie_div div
{
    display : block;
    background-color : #003399;
}
div.categorie_div div span
{
    position : relative;
    color:White;
    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 : #000;
}
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 : #003399;
    text-align : center;
    padding : 0.2em;
    color : #fff;
}

span.etapeerreur
{
    color : Red;
}

/*survol des conditions --> POP DU TEXT DES CONDITIONS*/
a.condition
{
}
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 : 100px;
    left : 10px;
    background-color : InfoBackground;
    text-align : center;
    padding : 0.2em;
    width : 375px;
    border : 1px solid #000;
    text-align : justify;
    color : #000;
}

div#presentationtext
{
    position : relative;
    margin : 2px 5px 2px 5px !important;
    margin : 0px 5px 2px 5px;
    padding-right : 5px !important;
     padding-right : 5px;
    text-align : justify;
    height : 218px !important;
    height : 218px;
    width : 99% !important;
    width : 100%;
    overflow : auto;
}
#boutonetape
{
    position :relative;
    left : 25px;
    float : left;
    width : 200px;
}
#boutonetape input
{
    width : 80px;
}
/* Page Etape1 */

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

div#etape1text table
{
    width : 80%;
    text-align : left;
    vertical-align :  middle;
}
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#textinfoetape2
{
    margin-top : 10px;
}

/* Page Etape3 */
div#etape3text
{
   position : relative;
    width : 100%;
    height : 100%;
}

div#etape3text table
{
    text-align : left;
    margin : auto;
    line-height : 1em;
    border-collapse : collapse;
}
div#etape3text table td
{
    padding : -15px 0px -15px 0px;
}
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
{
    position : relative;
    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;
    overflow : auto;
}

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

/* Page Promo */
div#promotext
{
    position : relative;
    width : 100%;
    height : 100%;
    line-height : 1.1em;
}
div#promotext ul
{
    list-style-position:inside;
    margin:0px;
    margin-left:20px;
    margin-top : 5px;
}


/* page text mois*/
div#textmoistext
{
    position : relative;
    width : 98%;
    height : 100%;
    margin : 5px;
}
img.pictoerreur
{
    display :inline-block;
    position : absolute;
    vertical-align : middle;
    width : 18px;
    height : 18px;
}

span.messageerreur
{
    color : Red;
}