h2.title
{
    margin-top:10px;
}
.tit_abon
{
    color:#DF7658;

    font-family: "Cartoonist Kooky";
    font-style: normal;
    font-weight: bold;
    font-size:22px;
    text-shadow: 1px 1px 1px #640E18;
}
.abon2
{
    width:100%;
    padding:5px 20px;
}
/* colonne 1 , images */
    .abon2 .c1
    {
        vertical-align:top;
        text-align:center;
    }
/* colonne 2 */
    .abon2 .c2
    {
        vertical-align:top;
        text-align:left;
        font-size:13px;
        color:#c55258;
        background-color:#ffe3cc;
    }

/* choix des durées */
    .abon2 a.choixd
    {
        position:relative;
        width:136px;
        height:57px;
        display:block;
        float:left;

    }

    .abon2 button.choixd
    {
        position:relative;
        float:left;
        background:none;
        border:0;

    }
    .abon2 button.choixd  img
    {
        position:relative;
    }
    .abon2 a.choixd  img
    {
        position:absolute;
        left:0px;
        top:0px;
    }
    /* le prix apparait au survol de la souris */
    .abon2 .choixd img.prix
    {
        position:absolute;
        left:20px;
        top:50px;
        display:none;
    }
    .abon2 .choixd:hover  img.prix
    {
        display:block;
    }

@font-face {
        font-family: "Tw Cenmtbold";
        font-weight: bold;
        font-style: normal;
        src: local("Tw Cenmtbold"), url(/font/tw_cen_mt_bold.ttf) format("truetype");
      }
/* fil d'ariane */
.abon_etape
{
text-align:left;
margin-left:0px;
color:#551A8B;
/*font-family: "Tw Cenmtbold";*/
font-family:"Cartoonist Kooky";
font-weight:normal;
font-size:14px;
width:100%;
}

    .abon_etape td
    {
        vertical-align:top;
        color:#B80303;
        /*font-family: "Tw Cenmtbold";*/
        font-family:"Cartoonist Kooky";
        border-bottom:#FF9797 solid 2px;
    }


    .abon_etape td a
    {
        text-decoration:none;
        color:#B80303;
        /*font-family: "Tw Cenmtbold";*/
        font-family:"Cartoonist Kooky";
    }
    /* lien actif sur la page en cours*/
    .abon_etape td.sel
    {
        background-color:#FFCCCC;
        border-radius:8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        border:#FF9797 solid 2px;
        border-bottom:0px;
        -moz-box-shadow: 2px 0px 0px #aaa;
        -webkit-box-shadow: 2px 0px 0px #aaa;
        box-shadow: 2px 0px 0px #aaa;

    }
    .abon_etape td a.sel,.abon_etape td a.sel:visited
    {
        color:#B80303;
        font-weight:normal;
        text-decoration:none;
    }
    /* lien grisé vers la page suivante */
    .abon_etape td a.next
    {
        color:#B78D54;
    }



    .abon_etape td a:hover
    {
        text-decoration:underline;
    }
    .abon_etape td a:visited
    {
        color:#B80303;
    }
    .abon_etape td a span
    {
        color:#600000;
    }
    .abon_etape td a.next:hover
    {
        text-decoration:none;
    }


.bord_rond_ext
{
    border:#D87077 solid 1px;
    border-radius:8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.bord_rond
{
border:#EA8F95 solid 2px;
border-top:#EFB6BA solid 2px;
border-bottom:#EB7A80 solid 1px;
border-radius:8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background-color:#EB7A80;


}

#bt_gratuit
{
    display:block;
    width:133px;
    height:59px;
    background-image:url("/images/abonnement/bt_inscri_gratuiton_fr.png");
}
#bt_gratuit:hover{visibilty:visible;}
#bt_gratuit:hover img{display:none}

#bt_garni
{
    display:block;
    width:135px;
    height:121px;
    background-image:url("/images/abonnement/bt_inscri_payant1on_fr.png");
}
#bt_garni:hover{visibilty:visible;}
#bt_garni:hover img{display:none}

#bt_gourmand
{
    display:block;
    width:135px;
    height:121px;
    background-image:url("/images/abonnement/bt_inscri_payant2on_fr.png");
}
#bt_gourmand:hover{visibilty:visible;}
#bt_gourmand:hover img{display:none}



#bt_continuer
{
    margin: 20px auto;
    display:block;
    width:136px;
    height:57px;
    background-image:url("/images/abonnement/bt_continuer_on_fr.png");
}
#bt_continuer:hover{visibilty:visible;}
#bt_continuer:hover img{display:none}