@media screen {
    /* HOME */
    div#main {
        width:100%;
        height:100%;
        background-color:transparent;
    }
    div#main div.body-page {
        position:absolute;
        left:50%;
        top:10px;
        width:1000px;
        margin-left:-500px;
        background-color:transparent;
        background-position:top left;
        background-repeat:repeat-x;
    }
    div#main div.body-page div.hp {
        width:1000px;
        text-align:left;
    }
    div#main div.body-page div.hp ul.liste-lien {
        margin:6px 0px 0px 14px;
        padding:0px;
        text-align:left;
        list-style-type:none;
    }
    div#main div.body-page div.hp ul.liste-lien li {
        margin:0px;
        padding:0px 0px 0px 15px;
        text-align:left;
        background-repeat:no-repeat;
        background-color:transparent;
        background-position:top left;
    }
    div#main div.body-page div.hp ul.liste-lien li a {
        color:#77787a;
        text-decoration:none;
    }
    div#main div.body-page div.hp ul.liste-lien li a:hover {
        text-decoration:underline;
    }
    div#main div.body-page div.hp div.hp-gauche {
        width:730px;
        float:left;
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut {
        width:730px;
        height:112px;
        background-repeat:repeat-y;
        background-color:transparent;
        background-position:top left;
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut dl {
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut dl dt {
        width:580px;
        float:left;
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut h1 {
        margin:0px 0px 0px 0px;
        padding:20px 0px 15px 20px;
        width:550px;
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut h2 {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 20px;
        width:550px;
        font-size:14px;
        font-weight:normal;
        color:#7f8ca2;
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut div.vos-questions {
        margin-top:15px;
        margin-right:25px;
        width:97px;
        height:97px;
        background-repeat:no-repeat;
        background-color:transparent;
        background-position:top left;
        float:right;
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut div.vos-questions ul {
        margin-top:70px;
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut div.vos-questions ul li {
        margin-left:1px;
        padding-left:11px;
    }
    div#main div.body-page div.hp div.hp-gauche div#flash-hp {
        width:730px;
        height:460px;
        margin-bottom:4px;
        float:left;
    }
    div#main div.body-page div.hp div.hp-gauche div#flash-hp div.noflash {
        position:absolute;
        margin:0px;
        padding:0px;
        width:730px;
        height:570px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses {
        padding:0px 20px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl {
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt {
        margin:15px 0 0 0;
        color:#586667;
        float:left;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #posez-question{
        margin-top:-15px;
        position:relative;
    }
        
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse {
        margin:0px;
        padding:0px;
        width:540px;
        border:0px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse input,
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse select {
        font-size:11px;
        color:#586667;
        height:19px;
        float:left;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse select.theme {
        width:280px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse select.sport {
        width:190px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse input.recherche {
        margin-top:8px;
        width:364px;
        height:19px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse input.submit {
        margin-top:8px;
        margin-left:10px;
        background-color:#dce5e7;
        border:1px solid #586667;
        height:18px;
        width:120px;
        cursor:pointer;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse input.submit:hover {
        background-color:#a1b5b6;
        border:1px solid #a7a6aa;
        color:#ffffff;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt #form-reponse label {
        float:left;
        margin:5px 5px 0 5px;
        font-size:12px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt ul {
        margin:6px 0px 0px 0px;
        text-align:center;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses dl dt ul li {
        display:inline;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses p {
        color:#3c4144;
        font-size:12px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses h3 {
        margin:0px;
        padding:0px;
        color:#3c4144;
        font-size:17px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse {
        margin:6px 0px 6px 5px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse a{
        color:#3c4144;
        text-decoration:underline;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse a:hover{
        text-decoration:none;
    }
    
    /*div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open, div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.close{*/
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li{
        margin-bottom:8px;
        color:#3c4144;
        font-size:12px;
        clear:both;
        cursor:pointer;
        float:left;
        width:685px;
    }
    html>body div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open, div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.close{
        width:730px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li IMG{
        float:left;
        margin-right:8px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.question{
        float:left;
        width:668px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.question p {
        margin:0px;
        padding:0px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.question p span.titre,
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.close div.question p span.titre,
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open div.question p span.titre {
        text-decoration:underline;
        cursor:pointer;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.reponse {
        margin:8px 0px 0px 7px;
        padding:5px;
        background-color:#dce5e7;
        clear:both;
        float:left;
        width:631px;
        cursor:default;
    }
    html>body div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.reponse {
        margin-left:17px;
        width:668px;        
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.reponse ul {
        margin:16px 0px 0px 0px;
        padding:5px;
        background-color:#ffffff;
        text-align:left;
        clear:both;
        list-style-type:none;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.reponse ul li {
        margin-left:5px;
        margin-right:10px;
        padding-top:1px;
        padding-left:13px;
        font-size:10px;
        display:inline;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.reponse ul li a {
        font-size:10px;
        color:#3c4144;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.reponse p {
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.reponse p span.titre {
        font-weight:900;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.close div.reponse {
        display:none;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open div.reponse {
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open div.reponse ul.liste-lien {
        float:left;
        width:621px;
    }
    html>body div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open div.reponse ul.liste-lien {
        width:628px;
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open div.reponse ul.liste-lien li {
        float:left;
        margin-bottom:2px;
        width:621px;        
    }
    html>body div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open div.reponse ul.liste-lien li{
        width:628px;
    }    
    div#main div.body-page div.hp div.hp-droite {
        width:250px;
        float:left;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts {
        margin:10px 0px 0px 0px;
        padding:0px;
        width:250px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts {
        margin:10px 0px 0px 0px;
        padding:0px;
        width:250px;
        float:left;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart {
        margin-top:5px;
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart h3 {
        margin:0px;
        padding:5px 10px 4px 10px;
        width:250px;
        font-size:12px;
        color:#FFFFFF;
        font-weight:bold;
        text-align:left;
        background-color:transparent;
        background-position:top left;
        background-repeat:no-repeat;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart p {
        margin:6px 0px 0px 12px;
        color:#77787a;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos {
        margin:6px 0px 0px 20px;
        padding:0px;
        text-align:left;
        list-style-type:none;
        cursor:pointer;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li {
        margin:0px 0px 0px 10px;
        padding:0px;
        color:#3c4144;
        clear:both;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li p {
        margin:0px;
        padding:0px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li p span.titre,
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li.close p span.titre,
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li.open p span.titre {
        text-decoration:underline;
        font-weight:normal;
        cursor:pointer;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li div.video {
        margin:0px 0px 0px 00px;
        padding:0px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li div.video ul {
        margin:0px 0px 0px 0px;
        padding:5px 0;
        text-align:left;
        list-style-type:none;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li div.video ul li {
        margin:0px 10px 0px 0;
        padding:1px 0px 0px 13px;
        list-style-image:none;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li.close div.video {
        display:none;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li.open div.video {
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart div#flash-player-video-hp {
        margin:9px 0px 0px 9px;
        width:232px;
        height:147px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart div#flash-player-video-hp div.noflash {
        width:232px;
        height:147px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart dl {
        margin:6px 0px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart dl dt {
        float:left;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart dl dt.visuel {
        width:80px;
        padding:0px 10px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart dl dt.texte {
        width:230px;
        color:#78757c;
        margin-left:10px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart dl dt.texteimg {
        float:left;
        width:140px;
        color:#78757c;        
        text-align:justify;
        padding-right:10px;
    }    
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart dl dt.texte ul {
        margin-left:5px;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart span.titre {
        font-weight:bold;
    }
    div#main div.body-page div.footer-page {
        width:1000px;
        padding-top:5px;
        float:none;
        clear:both;
    }
    div#main div.body-page div.footer-page ul {
        margin:0px 20px 10px 20px;
        padding:10px 0px 0px 0px;
        border-top:1px solid #abafb0;
        list-style-type:none;
    }
    div#main div.body-page div.footer-page ul li {
        margin:0px 2px;
        padding:0px;
        color:#78757c;
    }
    div#main div.body-page div.footer-page ul li.langue {
        float:left;
    }
    div#main div.body-page div.footer-page ul li.menu {
        float:right;
    }
    div#main div.body-page div.footer-page ul li a {
        color:#78757c;
        text-decoration:none;
    }
    div#main div.body-page div.footer-page ul li a:hover {
        text-decoration:underline;
    }
    
    /* BACKGROUND CSS */
    body { 
        background:url(../images/static/0810-tech-sport-fr-back-body.gif); 
    }    
    div#main div.body-page {
        background-image:url(../images/static/0810-tech-sport-fr-back-page.gif);
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut {
        background-image:url(../images/static/0810-tech-sport-fr-back-gauche-haut.gif);
    }
    /*
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse,
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.close {
        list-style-image:url(../images/static/0810-tech-sport-fr-puce-liste-question-close-f.gif);
    }*/
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos,
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li.close {
        list-style-image:url(../images/static/0810-tech-sport-fr-puce-liste-question-close.gif);
    }
    /*
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li.open {
        list-style-image:url(../images/static/0810-tech-sport-fr-puce-liste-question-open-f.gif);
    }*/
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li {
        list-style:none;
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart ul.videos li.open {
        list-style-image:url(../images/static/0810-tech-sport-fr-puce-liste-question-open.gif);
    }
    div#main div.body-page div.hp div.hp-gauche div.questions-reponses ul.question-reponse li div.reponse ul li {
        background-image:url(../images/static/0810-tech-sport-fr-puce-liste-encart-f.gif);
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart {
        background-image:url(../images/static/0810-tech-sport-fr-back-encart.gif);
    }
    div#main div.body-page div.hp div.hp-droite div.encarts div.encart h3 {
        background-image:url(../images/static/0810-tech-sport-fr-back-encart-titre.gif);
    }
    div#main div.body-page div.hp div.hp-gauche div.hp-gauche-haut div.vos-questions {
        background-image:url(../images/static/0810-tech-sport-fr-poser-question-haut.gif);
    }
    div#main div.body-page div.hp ul.liste-lien li {
        background-image:url(../images/static/0810-tech-sport-fr-puce-liste-encart.gif);
    }
}