/* pack-list.tpl */

.titre_cat {
    font-family : "FontSFR", Arial,Helvetica,Sans-Serif;
}

.titre_cat b {
    font-family : "FontSFRbold",  Arial,Helvetica,Sans-Serif;
}

.titre_cat_2 {
    color : #009f95;
}

.picto_cat {
    padding:6px 0 0 82px;
    height:57px;
    margin:7px 0;
}

.picto_cat_2 {
    background: url('../img/homecategory/picto_securite.png') no-repeat 2px 0px;
    font-size: 37px;
}

.picto_cat_2 .comparator_link {
    text-decoration: none;
    color: inherit;
}

div#bloc_packs {
    overflow:hidden;
}

ul#pack_list {
    list-style-type: none;
    overflow:hidden;
}

ul#pack_list li.pack_li {
    width: 306px;
    height:402px;
    padding: 4px 3px 0 3px;
    margin-right:11px;
    float:left;
    position:relative;
}

ul#pack_list li .pack_mask {
    position:absolute;
    top:0;
    left:0;
}

* html ul#pack_list li {
    height: auto !important;
}

ul#pack_list li a {
    text-decoration: none;
}

ul#pack_list a.pack_img_link {
    display:block;
    width:100%;
    height:100%;
}

ul#pack_list a.pack_img_link img {
    vertical-align: bottom;
}

ul#pack_list li h3 {
    font-family : "FontSFRbold",  Arial,Helvetica,Sans-Serif;
    font-weight:normal;
    margin: 10px 0px 10px 12px;
    font-size: 22px;
}

ul#pack_list li .new {
    background: transparent url('../img/flag_new_bg.jpg') repeat-x scroll 0%;
    border: 1px solid #488C40;
    color: white;
    font-weight: bold;
    margin: 0 1em 0 0;
    padding: 0 0.4em;
    text-transform: uppercase;
    vertical-align: 0.3em
}

ul#pack_list li p.pack_desc {
    padding: 0 12px 5px 12px;
    text-align: justify;
    margin: 0;
    height: 66px;
    overflow: hidden;
}

ul#pack_list li li span {
    color:#808080;
}

ul#pack_list li a.dc_pack_button {
    display: block;
    width: 113px;
    height: 32px;
    background: url('../img/btn_subscribe_pack.png') left top no-repeat;
    cursor: pointer;
}

div#bloc_packs div#bloc_comparer_les_offres {
    clear: left;
    margin-top: 11px;
}

div#bloc_packs div#bloc_comparer_les_offres a {
    display:block;
    text-decoration:none;
}

div.autre_promo {
    float:right;
    width: 307px;
}

div.autre_promo a {
    float: right;
}

ul#pack_list li .pack_img {
    position: absolute;
    bottom: 0;
}

ul#pack_list li .pack_price {
    position: absolute;
    top:46px;
    right:18px;
}

ul#pack_list li div.text_block {
    text-align: left;
    margin-top: 0;
    position: relative;
    overflow: hidden;
}

ul#pack_list li div.text_block ul {
    list-style-type:square;
    margin-left:26px;
    height:135px;
    color:#e2001a;
}

ul#pack_list li div.text_block ul li {
    margin-bottom:5px;
}

ul#pack_list li .btn_block {
    margin-bottom: 20px;
    overflow:hidden;
    padding: 0 20px;
}

ul#pack_list li .btn_block a {
    width:123px;
    height:30px;
    text-indent:-9999px;
    display:block;
}

ul#pack_list li .btn_block a:hover {
    background-position:0px -30px;
}

ul#pack_list li .btn_block .btn_decouvrir {
    background: url('../img/btn_decouvrir.png') 0 0 no-repeat;
}

ul#pack_list li .btn_block .btn_comparer{
    float:right;
    background: url('../img/btn_comparer.png') 0 0 no-repeat;
}

ul#pack_list li .discount,
ul#pack_list li .on_sale,
ul#pack_list li .online_only {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}

ul#pack_list li .reduction {
    display: block;
}

ul#pack_list li .price {
    display: block;
    padding-bottom: 7px;
    font-size: 34px;
    line-height: 34px;
}

ul#pack_list li .permonth {
    color: #000000;
    display: block;
    font-size: 10px;
}

ul#pack_list li .engagement {
    text-align: right;
    color: #666666;
    display: block;
    font-size: 9px;
    padding-top: 5px;
}

ul#pack_list li span.availability {
    color: #488c40;
}

ul#pack_list li a.button {
    margin-top: 0.5em;
    position:relative;
}

ul#pack_list li p.compare input {
    vertical-align: text-bottom;
}

.asterisk {
    color: #666666;
    float: left;
    font-size: 11px;
    margin-top: 60px;
    clear: both;
    cursor: pointer;
}

#mention_legales {
    clear:both;
    display:none;
    font-size:11px;
    text-align:justify;
    margin-bottom: 10px;
}