/* CSS document */

/* Body */

body {
    background-image: url(images/pixel_gris.jpg);
    background-repeat: repeat;
    background-color: #AAAAAA;
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}


/* Tableaux */

table {
    border: 0;
    cellpadding: 0;
    cellspacing: 0;
}

table#main {
    position: absolute;
    width: 950px;
    top: 0;
    left: 0;
}

table#actus {
    width: 620px;
}

table#menu_gauche {
    background-image: url(images/pixel_gris.jpg);
    background-repeat: repeat;
}


/* Cellules */

td {
    text-align: left;
    vertical-align: top;
}

td#haut {
    background-image: url(images/fond_menu_haut.gif);
    background-repeat : repeat-y;
}

td#gauche {
    background-image: url(images/fond_menu_gauche.gif);
    background-repeat : repeat-y;
}

td#point {
    max-height: 9px;
    background-image: url(images/point.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}


/* Div */

div#point {
    max-height: 9px;
    background-image: url(images/point.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

div#video_bg {
    background-image: url(images/rond_bas.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

div#video_hg {
    background-image: url(images/rond_haut.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

div#video_bd {
    background-image: url(images/rond_bas_droite.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

div#video_hd {
    background-image: url(images/rond_haut_droite.jpg);
    background-repeat: no-repeat;
    background-position: left;
}


/* Images */

img {
    border: 0;
}


/* Polices */

.presentation {
    font-family: Myriad Pro, Arial, sans-serif;
    line-height: 18px;
    font-size: 13px;
    color: #000000;
}

.texte {
    font-family: Myriad Pro, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
}

.actus {
    font-family: Century Gothic, Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #DCDCDC;
}

.film {
    font-family: Century Gothic, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #000000;
}

.film_blanc {
    font-family: Century Gothic, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #DCDCDC;
}

.contact {
    font-family: Myriad Pro, Arial, sans-serif;
    font-size: 12px;
    color: #DCDCDC;
}

.petit {
    font-family: Myriad Pro, Arial, sans-serif;
    font-size: 10px;
    color: #DCDCDC;
    text-align: center;
}

.petit_noir {
    font-family: Myriad Pro, Arial, sans-serif;
    font-size: 10px;
}


/* Titres */

.titre1 {
    font-size: 16px;
    font-family: Myriad Pro, Arial, sans-serif;
    color: #333333;
}

.titre2 {
    font-size: 15px;
    font-family: Century Gothic, Verdana, Arial, sans-serif;
    color: #DCDCDC;
}

.titre3 {
    font-size: 13px;
    font-family: Myriad Pro, Arial, sans-serif;
    color: #000000;
    font-weight: bold;
}

.titre4 {
    font-size: 15px;
    font-family: Century Gothic, Verdana, Arial, sans-serif;
    color: #333333;
}

.titre5 {
    font-size: 15px;
    font-family: Myriad Pro, Arial, sans-serif;
    color: #333333;
}

.titre6 {
    font-size: 13px;
    font-family: Century Gothic, Verdana, Arial, sans-serif;
    color: #333333;
}


/* Liens */

/* liens des textes de presentation */

.lien_texte:link {   /* lien de maniere generale */
    text-decoration: none;
    color: #303030;
}

.lien_texte:visited {   /* lien deja vu (deja clique) */
    text-decoration: none;
    color: #585858;
}

.lien_texte:hover {   /* lien quand la souris est dessus */
    font-weight: bold;
    text-decoration: none;
    color: #303030;
}

.lien_texte:active {   /* comme un lien normal */
    text-decoration: none;
    color: #303030;
}


/* liens en blanc style "voir un extrait" */

.lien_blanc:link {   /* lien de maniere generale */
    text-decoration: none;
    color: #DCDCDC;
}

.lien_blanc:visited {   /* lien deja vu (deja clique) */
    text-decoration: none;
    color: #DCDCDC;
}

.lien_blanc:hover {   /* lien quand la souris est dessus */
    font-weight: bolder;
    text-decoration: none;
    color: #DCDCDC;
}

.lien_blanc:active {   /* comme un lien normal */
    text-decoration: none;
    color: #DCDCDC;
}


/* liens en blanc style "contact" */

.lien_contact:link {   /* lien de maniere generale */
    text-decoration: none;
    color: #CCCCCC;
}

.lien_contact:visited {   /* lien deja vu (deja clique) */
    text-decoration: none;
    color: #CCCCCC;
}

.lien_contact:hover {   /* lien quand la souris est dessus */
    font-weight: bolder;
    text-decoration: none;
    color: #C2C2C2;
}

.lien_contact:active {   /* comme un lien normal */
    text-decoration: none;
    color: #CCCCCC;
}


/* liens en bas de page */

.lien_petit:link {   /* lien de maniere generale */
    text-decoration: none;
    color: #DCDCDC;
}

.lien_petit:visited {   /* lien deja vu (deja clique) */
    text-decoration: none;
    color: #DCDCDC;
}

.lien_petit:hover {   /* lien quand la souris est dessus */
    text-decoration: none;
    color: #CCCCCC;
}

.lien_petit:active {   /* comme un lien normal */
    text-decoration: none;
    color: #DCDCDC;
}