﻿
#flash
{
    width: 944px;
    height: 267px;
    margin-left: 18px;
    margin-bottom: 0;
}

/* PREPARER son VI */
.preparerVI .content .marges .col-gch
{
    width: 342px;
    height: 306px;
    float: left;
}

.preparerVI .content .marges .col-dte
{
    width: 276px; /*=295-19*/
    height: 306px;
    float: left;
    border-left: 1px solid #c8c8c8;
    padding-left: 19px;
}

.preparerVI .content .marges .col-gch h2, .preparerVI .content .marges .col-dte h2, .bienvivreVI .content .marges .col-dte h2
{
    color: #464646;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 13px;
}

.preparerVI .content .marges .col-gch .liste-liens, .preparerVI .content .marges .col-dte .liste-liens
{
    width: 223px;
}

/**/
.preparerVI .content .marges .col-gch .liste-liens .lien, .preparerVI .content .marges .col-dte .liste-liens .lien
{
    width: 223px;
    height: 20px;
    margin-bottom: 10px;
}

.preparerVI .content .marges .col-gch .liste-liens .lien a, .preparerVI .content .marges .col-dte .liste-liens .lien a
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert.gif) no-repeat 0 0;
    width: 223px;
    height: 16px;
    padding-top: 4px;
    text-indent: 20px;
    display: block;
}

.preparerVI .content .marges .col-gch .liste-liens a:hover, .preparerVI .content .marges .col-dte .liste-liens a:hover
{
    background-position: 0 100%;
}

/**/

/* encart web tv */
.preparerVI .content .marges .col-gch .encart-webtv
{
    background: url(../images/fonds/bg-web-tv-encart.gif) no-repeat 0 0;
    width: 337px;
    height: 165px;
}
.preparerVI .content .marges .col-gch .encart-webtv .titre-encart
{
    padding-left: 50px;
}

.preparerVI .content .marges .col-gch .encart-webtv .titre-encart h3
{
    color: #464646;
    font-size: 14px;
    padding-top: 3px;
}

.preparerVI .content .marges .col-gch .encart-webtv .datas
{
    height: 122px; /*140 : -18 (hauteur de .titre-encart h3 (15px) + 3px de padding-top*/
}

.preparerVI .content .marges .col-gch .encart-webtv .visuel
{
    margin-top: 17px; /*35 -18 (hauteur de .titre-encart h3 (15px) + 3px de padding-top*/
    margin-left: 16px;
    width: 138px;
    height: 105px;
    background: url(../images/fonds/bg-visuel-webtv.gif) no-repeat 0 0;
    float: left;
}

.preparerVI .content .marges .col-gch .encart-webtv .visuel .img
{
    margin-top: 1px;
    margin-left: 1px;
}

.preparerVI .content .marges .col-gch .encart-webtv .datas p
{
    margin-top: 30px;
    margin-left: 10px;
    float: left;
    width: 150px;
    font-size: 11px;
    color: #646464;
}

/**/
.preparerVI .content .marges .col-gch .encart-webtv .lien
{
    width: 198px;
    height: 20px;
    margin-left: 110px;
    margin-top: 8px;
}

.preparerVI .content .marges .col-gch .encart-webtv .lien a
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert-178.gif) no-repeat 0 0;
    width: 198px;
    height: 17px;
    padding-top: 3px;
    text-indent: 20px;
    display: block;
}

.preparerVI .content .marges .col-gch .encart-webtv .lien a:hover
{
    background-position: 0 100%;
}
/**/

/* alire */

.preparerVI .content .marges .col-dte .alire
{
    height: 150px;
}

.preparerVI .content .marges .col-dte .alire .col-gch, .preparerVI .content .marges .col-dte .alire .col-dte
{
    float: left;
    width: 135px;
    height: 115px;
    padding: 0;
    border: none;
}

.preparerVI .content .marges .col-dte .alire ul
{
    margin-top: 15px;
}

.preparerVI .content .marges .col-dte .alire li
{
    background: url(../images/puce.gif) no-repeat 0 4px;
    height: 30px;
}

.preparerVI .content .marges .col-dte .alire li a
{
    color: #646464;
    padding-left: 12px;
    font-size: 11px;
}

.preparerVI .content .marges .col-dte .alire li a:hover
{
    text-decoration: underline;
}

/* BIEN VIVRE SON VI */

/* attention la classe .bienvivreVI est reprise à la suite
de certaines carac de .preparerVI, pour H1 par exemple*/

.bienvivreVI .content .marges .col-gch, .bienvivreVI .content .marges .col-dte
{
    float: left;
}

.bienvivreVI .content .marges .col-gch
{
    width: 363px;
    height: 125px;
    background: url(../images/fonds/bg-esp-perso-encart.gif) no-repeat 0 0;
}

.bienvivreVI .content .marges .col-gch .titre-encart
{
    padding-left: 50px;
}

.bienvivreVI .content .marges .col-gch .titre-encart h3
{
    color: #464646;
    font-size: 14px;
    padding-top: 3px;
}

.bienvivreVI .content .marges .col-dte
{
    width: 225px;
    height: 125px;
    border-left: 1px solid #c8c8c8;
    padding-left: 30px;
}

.bienvivreVI .content .marges .col-gch .datas
{
    height: 76px; /*94 - 18*/
}

.bienvivreVI .content .marges .col-gch .visuel
{
    margin-top: 12px; /*30 - 18*/
    margin-left: 12px;
    width: 76px;
    height: 64px;
    background: url(../images/fonds/bg-visuel-esp-perso.gif) no-repeat 0 0;
    float: left;
}

.bienvivreVI .content .marges .col-gch .visuel .img
{
    margin-top: 1px;
    margin-left: 1px;
}

.bienvivreVI .content .marges .col-gch p
{
    width: 225px;
    height: 40px;
    margin-left: 10px;
    margin-top: 25px; /*43 - 18*/
    float: left;
    font-size: 11px;
    color: #646464;
}

/**/
.bienvivreVI .content .marges .col-gch .lien
{
    width: 198px;
    height: 20px;
    margin-left: 110px;
    margin-top: 6px;
}

.bienvivreVI .content .marges .col-gch .lien a
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert-178.gif) no-repeat 0 0;
    height: 17px;
    padding-top: 3px;
    text-indent: 20px;
    width: 198px;
    display: block;
}

.bienvivreVI .content .marges .col-gch .lien a:hover
{
    background-position: 0 100%;
}
/**/

/**/
.bienvivreVI .content .marges .col-dte .lien
{
    width: 223px;
    height: 20px;
    margin-bottom: 10px;
}

.bienvivreVI .content .marges .col-dte .lien a
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert.gif) no-repeat 0 0;
    height: 16px;
    padding-top: 4px;
    width: 223px;
    text-indent: 20px;
    display: block;
}

.bienvivreVI .content .marges .col-dte .lien a:hover
{
    background-position: 0 100%;
}
/**/

/*finir le lien lienVIE */

.bienvivreVI .content .marges .col-dte .lienVIE
{
    width: 223px;
    height: 26px;
}

.bienvivreVI .content .marges .col-dte .lienVIE a
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: url(../images/boutons/btn-bg-vert-223-26.gif) no-repeat 0 0;
    width: 223px;
    height: 22px;
    padding-top: 4px;
    text-indent: 20px;
    display: block;
}

.bienvivreVI .content .marges .col-dte .lienVIE a:hover
{
    background-position: 0 100%;
}
