﻿
.blocF .content .marges
{
    padding-left: 20px; /* les padding seront peut-etre à modifier */
    padding-top: 30px;
}

/* guide *//* la classe .guide existe aussi dans common.css pour la navigation, d'où le nom "guidep" ici */

.guidep .intro
{
    padding-left: 20px;
    padding-bottom: 50px;
}

.guidep .intro img
{
    float: left;
    margin-right: 25px;
}

.guidep .intro p
{
    color: #464646;
    padding-right: 30px;
}

.guidep .liste-liens
{
    margin-left: 20px;
    background: url(../images/fonds/pagesSommaires/fond-liste-F1-motif.gif) repeat-y 0 0;
}

.guidep .liste-liens ul
{
    margin-left: 45px;
}

.guidep .liste-liens li
{
    background: url(../images/puce.gif) no-repeat 0 4px;
    padding-left: 12px;
    padding-bottom: 15px;
    width: 270px;
}

.guidep .liste-liens li a
{
    color: #464646;
    font-size: 12px;
    background: none;
    text-indent: 0;
    height: 25px;
    display: inline;
}

.guidep .liste-liens li a:hover
{
    text-decoration: underline;
}

.guidep .bouton
{
    margin-left: 20px;
    height: 60px;
    background: url(../images/fonds/pagesSommaires/fond-liste-F1-bottom.gif) no-repeat 0 0;
}

.guidep .bouton .lien
{
    width: 223px;
    height: 26px;
    margin-left: 110px;
    padding-top: 30px;
}

.guidep .bouton .lien a
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert-223-26.gif) no-repeat 0 0;
    text-indent: 20px;
    width: 223px;
    height: 22px;
    padding-top: 4px;
    display: block;
}

.guidep .bouton .lien a:hover
{
    background-position: 0 100%;
}
/* webtv */

.webtv .encart
{
    width: 340px;
    height: 115px;
    background: url(../images/fonds/pagesSommaires/bg-encart-push.gif) no-repeat 0 0;
    margin-left: 60px;
}

.webtv .encart .imgp
{
    height: 85px;
}

.webtv .encart .visuel
{
    margin-top: 15px;
    margin-left: 12px;
    margin-right: 10px;
    width: 80px;
    height: 60px;
    float: left;
    border: #a9a9a9 1px solid;
}

.IE6 .webtv .encart .visuel
{
    margin-left: 7px;
}

.webtv .encart .visuel .img
{
    width: 80px;
    height: 60px;
}

.webtv .encart p
{
    color: #464646;
    height: 55px;
    padding-right: 5px;
    padding-top: 15px;
}
/**/
.webtv .encart .bouton
{
    width: 223px;
    height: 26px;
    margin-left: 110px;
}

.webtv .encart .bouton .lien
{
    height: 26px;
    width: 223px;
}

.webtv .encart .bouton .lien a
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert-223-26.gif) no-repeat 0 0;
    text-indent: 20px;
    height: 21px;
    width: 223px;
    padding-top: 5px;
    display: block;
}

.webtv .encart .bouton .lien a:hover
{
    background-position: 0 100%;
}
/**/

/* actus */

.actus .liste-liens ul
{
    margin-left: 20px;
    margin-bottom: 10px;
}

.actus .liste-liens li
{
    background: url(../images/puce.gif) no-repeat 0 4px;
    padding-left: 12px;
    padding-bottom: 3px;
    width: 400px;
}

.actus .liste-liens li a
{
    color: #464646;
    font-size: 12px;
}

.actus .liste-liens li a:hover
{
    text-decoration: underline;
}

.actus .bouton
{
    height: 26px;
    width: 223px;
    margin-left: 170px;
}

.actus .bouton a
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert-223-26.gif) no-repeat 0 0;
    height: 21px;
    width: 223px;
    padding-top: 5px;
    text-indent: 20px;
    display: block;
}

.actus .bouton a:hover
{
    background-position: 0 100%;
}

/* biblio */

.biblio .liste-liens ul
{
    margin-left: 20px;
    margin-bottom: 10px;
}

.biblio .liste-liens li
{
    background: url(../images/puce.gif) no-repeat 0 4px;
    padding-left: 12px;
    padding-bottom: 3px;
    width: 400px;
}

.biblio .liste-liens li a
{
    color: #464646;
    font-size: 12px;
}

.biblio .liste-liens li a:hover
{
    text-decoration: underline;
}


.biblio .bouton
{
    height: 26px;
    width: 223px;
    margin-left: 170px;
}

.biblio .bouton a
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert-223-26.gif) no-repeat 0 0;
    height: 21px;
    padding-top: 5px;
    width: 223px;
    text-indent: 20px;
    display: block;
}

.biblio .bouton a:hover
{
    background-position: 0 100%;
}

