/*
Theme Name: Romain Grosjean
Theme URI: http://www.romaingrosjean.com
Description: Thème principal pour le site de Romain Grosjean
Author: Pierre Le Bot
Author URI: http://www.plebot.com
Version: 1.0
*/

/**************
*** BALISES ***
**************/
* {
    margin: 0px;
    padding: 0px;
}

html { height: 100%; }

body {
    font: 8pt 'Arial';
    text-align: center;
    background: #000 no-repeat center top;
    height: 100%;
    color: #000;
    background-image: url(images/backgrounds/infos.jpg);
}

h1 {
    font: 16pt 'Arial';
}

h2 {
    font: 14pt 'Arial';
}

h3 {
    font: 12pt 'Arial';
}

h4 {
    font: 10pt 'Arial';
}

h5 {
    font: 9pt 'Arial';
}

h6 {
    font: bold 8pt 'Arial';
}

a img {
    border: 0px solid #000;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: underline;
}

ul {
    list-style: none;
}

p {
    padding: 4px 0px 8px;
    text-align: justify;
}

label {
    font-weight: bold;
}

input {
    font-size: 11px;
}

button {
    border: 0px solid #000;
    background: none;
    cursor: pointer;
}


/***********************
*** CLASSES COMMUNES ***
***********************/
.clear {
    clear: both;
}

.comingsoon {
    text-align: center;
    font-size: 14pt;
    color: #333;
    border: 1px solid #000;
    padding: 15px;
    width: 548px;
    margin: 25px auto;
    background-color: #777;
}

.simple-title {
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    padding-bottom: 25px;
}

/************************
*** SQUELETTE DE PAGE ***
************************/
body.home, body.single-post, body.page-template-tmpl-contact-php { background-image: url(images/backgrounds/infos.jpg); }
body.page-template-tmpl-profil-php { background-image: url(images/backgrounds/profil.jpg); }
body.page-template-tmpl-liens-php { background-image: url(images/backgrounds/liens.jpg); }
body.page-template-tmpl-photos-php, body.page-template-tmpl-videos-php { background-image: url(images/backgrounds/galerie.jpg); }
body.page-template-tmpl-championnat-php { background-image: url(images/backgrounds/championnat.jpg); }
body.page-template-tmpl-calendrier-php { background-image: url(images/backgrounds/calendrier.jpg); }
body.page-template-tmpl-livetv-php { background-image: url(images/backgrounds/live-tv.jpg); }

#globalcontainer {
    width: 1170px;
    min-height: 100%;
    margin: 0px auto;
    text-align: left;
    position: relative;
    background: url(images/numero-11.png) no-repeat;
}

    /** HEADER **/
    #header {
        text-align: center;
        width: 970px;
        margin: 0 auto;
    }

        h1#logo {
            width: 506px;
            height: 153px;
            margin: 0px auto;
        }

            h1#logo a {
                display: block;
                width: 506px;
                height: 153px;
                text-indent: -10000em;
                overflow: hidden;
                background: transparent url('images/logo.png') no-repeat left top;
            }

        ul#menu-navigation {
            width: 859px;
            height: 44px;
            margin: 0px auto;
        }
        
        html[lang="en-US"] ul#menu-navigation {
            width: 867px;
        }

            ul#menu-navigation li {
                display: block;
                float: left;
            }

                ul#menu-navigation li a {
                    display: block;
                    height: 44px;
                    text-indent: -10000em;
                    overflow: hidden;
                }

            ul#menu-navigation li { background: transparent url(images/fr/menu.png) no-repeat 0px 0px; }
            html[lang="en-US"] ul#menu-navigation li { background: transparent url(images/uk/menu.png) no-repeat 0px 0px; }

            /** MENU EN FRANCAIS **/
            /* infos */
            ul#menu-navigation li#menu-item-50 {
                width: 128px;
            }

                ul#menu-navigation li#menu-item-50 a {
                    width: 128px;
                }

            /* profil */
            ul#menu-navigation li#menu-item-31 {
                width: 129px;
                background-position: -128px 0px;
            }

                ul#menu-navigation li#menu-item-31 a {
                    width: 129px;
                }

            /* saison */
            ul#menu-navigation li#menu-item-151 {
                width: 147px;
                background-position: -257px 0px;
            }

                ul#menu-navigation li#menu-item-151 a {
                    width: 147px;
                }

            /* galerie */
            ul#menu-navigation li#menu-item-48 {
                width: 159px;
                background-position: -404px 0px;
            }

                ul#menu-navigation li#menu-item-48 a {
                    width: 159px;
                }

            /* liens */
            ul#menu-navigation li#menu-item-30 {
                width: 117px;
                background-position: -563px 0px;
            }

                ul#menu-navigation li#menu-item-30 a {
                    width: 117px;
                }

            /* contact */
            ul#menu-navigation li#menu-item-46 {
                width: 179px;
                background-position: -680px 0px;
            }

                ul#menu-navigation li#menu-item-46 a {
                    width: 179px;
                }

            /** MENU EN ANGLAIS **/                
            /* news */
            ul#menu-navigation li#menu-item-168 {
                width: 120px;
            }

                ul#menu-navigation li#menu-item-168 a {
                    width: 120px;
                }
                
            /* profile */
            ul#menu-navigation li#menu-item-169 {
                width: 154px;
                background-position: -120px 0px;
            }

                ul#menu-navigation li#menu-item-169 a {
                    width: 154px;
                }

            /* season */
            ul#menu-navigation li#menu-item-176 {
                width: 150px;
                background-position: -274px 0px;
            }

                ul#menu-navigation li#menu-item-176 a {
                    width: 150px;
                }

            /* gallery */
            ul#menu-navigation li#menu-item-191 {
                width: 162px;
                background-position: -424px 0px;
            }

                ul#menu-navigation li#menu-item-191 a {
                    width: 162px;
                }

             /* links */
            ul#menu-navigation li#menu-item-188 {
                width: 110px;
                background-position: -586px 0px;
            }

                ul#menu-navigation li#menu-item-188 a {
                    width: 110px;
                }

             /* contact (EN) */
            ul#menu-navigation li#menu-item-189 {
                width: 171px;
                background-position: -696px 0px;
            }

                ul#menu-navigation li#menu-item-189 a {
                    width: 171px;
                }
                
        /* sous-menu */
        #sub-navigation {
            font-weight: bold;
            font-size: 9pt;
        }

        #sub-navigation.season {
            margin: 5px 0px 10px 285px;
        }

        html[lang="en-US"] #sub-navigation.season {
            margin: 5px 0px 10px 315px;
        }

        #sub-navigation.gallery {
            margin: 5px 0px 10px 475px;
        }

        html[lang="en-US"] #sub-navigation.gallery {
            margin: 5px 0px 10px 495px;
        }

            #sub-navigation li {
                display: inline;
                padding: 0px 8px;
                color: #fff;
            }

                #sub-navigation li a {
                    color: #fff;
                    text-decoration: none;
                }

                #sub-navigation li a:hover {
                    text-decoration: underline;
                }

        /* choix de la langue */
        #footer_language_list {
            position: absolute;
            top: 12px;
            right: 0px;
            height: 75px;
            text-transform: uppercase;
        }

            #footer_language_list ul {
                margin-bottom: 12px;
            }

                #footer_language_list ul li {
                    display: inline;
                    color: #999;
                    font-size: 10px;
                    padding: 0px 7px;
                }

                    #footer_language_list ul li a {
                        color: #999;
                        font-size: 10px;
                    }

    /** CONTENU **/
    #container {
        /*overflow: auto;*/
        min-height: 730px;
        width: 970px;
        margin: 0 auto;
    }

        /* contenu à gauche */
        #wide-column-left {
            width: 578px;
        }

        /* contenu à droite */
        #wide-column-right {
            float: right;
            /* la taille dépend du bloc de contenu donc facultative : l'important est le float à droite */
        }

        /* double colonne de contenu sur toute la largeur */
        #two-column-left {
            width: 478px;
            float: left;
        }

        #two-column-right {
            width: 478px;
            float: right;
        }

        /* double colonne de contenu pour le contenu à gauche */
        #mini-column-left,
        #mini-column-right {
            width: 287px;
            float: left;
        }

        #mini-column-left {
            margin-right: 2px;
        }

        #mini-column-right {
            margin-left: 2px;
        }

    /** FOOTER **/
    #footer {
        text-align: center;
        position: relative;
    }
        
        #footer ul {
            margin: 0 auto;
        }

        #footer ul#partenaires {
            display: block;
            width: 836px;
            height: 72px;
            margin: 0px auto;
            text-indent: -10000em;
            background: transparent url(images/partenaires.png) no-repeat left top;
        }
            
            ul#partenaires li {
                display: block;
                float: left;
            }
                
                ul#partenaires li a {
                    display: block;
                    height: 72px;
                    text-indent: -10000em;
                    overflow: hidden;
                }
            
            ul#partenaires li#dams {
                width: 160px;
            }
                
                ul#partenaires li#dams a {
                    width: 160px;
                }
            
            ul#partenaires li#lotus {
                width: 144px;
                background-position: -160px 0;
            }
                
                ul#partenaires li#lotus a {
                    width: 144px;
                }
            
            ul#partenaires li#gravity {
                width: 132px;
                background-position: -304px 0;
            }
                
                ul#partenaires li#gravity a {
                    width: 132px;
                }
            
            ul#partenaires li#comon {
                width: 134px;
                background-position: -436px 0;
            }
                
                ul#partenaires li#comon a {
                    width: 134px;
                }
            
            ul#partenaires li#bell {
                width: 107px;
                background-position: -570px 0;
            }
                
                ul#partenaires li#bell a {
                    width: 107px;
                }
            
            ul#partenaires li#aeromagic {
                width: 159px;
                background-position: -677px 0;
            }
                
                ul#partenaires li#aeromagic a {
                    width: 159px;
                }

        #footer ul#credits {}

            #footer ul#credits li {
                display: inline;
                font-size: 12px;
                letter-spacing: 0.1em;
                color: #666;
            }

                #footer ul li a {}


/************************
*** BOITES DE CONTENU ***
************************/

/* petite boite */
.box-small {
    width: 287px;
}

    .box-small .top {
        height: 44px;
        background: transparent no-repeat left bottom;
    }

    .box-small .top.championnat { background-image: url(images/box/small/top-championnat.png); }
    html[lang="en-US"] .box-small .top.championnat { background: url(images/box/small/top-standings.png); }
    .box-small .top.plus-infos { background: url(images/box/small/top-plus-infos.png); }
    html[lang="en-US"] .box-small .top.plus-infos { background: url(images/box/small/top-more-news.png); }
    .box-small .top.prochaine-course { background: url(images/box/small/top-prochaine-course.png); }
    html[lang="en-US"] .box-small .top.prochaine-course {    background: url(images/box/small/top-next-race.png); }

    .box-small .side {
        background: transparent url(images/box/small/side.png) repeat-y left top;
        padding: 6px 30px 12px;
    }

    .box-small .bottom {
        height: 25px;
        background: transparent url(images/box/small/bottom.png) no-repeat left top;
    }

/* moyenne boite */
.box-medium {
    width: 480px;
}

    .box-medium .top {
        height: 52px;
        background: transparent no-repeat left bottom;
    }

    .box-medium .top.championnat { background-image: url(images/box/medium/top-championnat.png); }
    html[lang="en-US"] .box-medium .top.championnat { background-image: url(images/box/medium/top-standings.png); }
    .box-medium .top.presentation { background-image: url(images/box/medium/top-presentation.png); }

    .box-medium .side {
        background: transparent url(images/box/medium/side.png) repeat-y left top;
        padding: 10px 30px 20px;
    }

    .box-medium .bottom {
        height: 27px;
        background: transparent url(images/box/medium/bottom.png) no-repeat left top;
    }

/* grande boite */
.box-large {
    width: 578px;
}

    .box-large .top {
        height: 44px;
        background: transparent url(images/box/large/top.png) no-repeat left bottom;
    }

    .box-large .top.palmares { background-image: url(images/box/large/top-palmares.png); }
    html[lang="en-US"] .box-large .top.palmares { background-image: url(images/box/large/top-career.png); }
    .box-large .top.dernieres-infos { background-image: url(images/box/large/top-dernieres-infos.png); }
    html[lang="en-US"] .box-large .top.dernieres-infos { background-image: url(images/box/large/top-last-news.png); }

    .box-large .side {
        background: transparent url(images/box/large/side.png) repeat-y left top;
        padding: 0px 35px 10px 25px;
    }

    .box-large .side .post,
    .box-large .side .page {
        padding: 15px;
    }

        .box-large .side .post h2,
        .box-large .side .page h2 {
            padding: 10px 0px;
            font-size: 11pt;
            color: #333;
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
        }

    .box-large .bottom {
        height: 25px;
        background: transparent url(images/box/large/bottom.png) no-repeat left top;
    }

/* calendrier */
.box-calendrier {
    width: 610px;
}

    .box-calendrier .courses {
        height: 713px;
        padding: 20px 15px 30px;
        background: transparent url(images/box/calendrier.png) no-repeat left top;
        text-align: center;
    }
        .courses .each-line {
            width: 404px;
            margin: 0 auto;;
        }
        
            .courses .each-courses {
                width: 130px;
                height: 135px;
                float: left;
                padding: 4px 2px;
                border-right: 1px dotted #333;
            }

                .each-courses.top-line {
                    border-bottom: 1px dotted #333;
                }

                .each-courses.last {
                    border-right-width: 0px;
                }

    /*.box-calendrier .courses-24h {
        height: 101px;
        padding: 120px 15px 15px 320px;
        background: transparent url(images/box/tableau-24h.png) no-repeat left top;
    }

    .box-calendrier .results {
        color: #555;
        font-size: 7pt;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: underline;
    }

    .box-calendrier .results:hover {
        color: #c62406;
    }*/

/* liens */
.box-links {
    width: 493px;
}

    .box-links .top {
        height: 22px;
        background: transparent url(images/box/links/top.png) no-repeat left bottom;
    }

    .box-links .side {
        background: transparent url(images/box/links/side.png) repeat-y left top;
        padding: 5px 30px 20px;
    }

    .box-links .bottom {
        height: 19px;
        background: transparent url(images/box/links/bottom.png) no-repeat left top;
    }

/* vidéos */
.box-video {
    width: 528px;
    height: 131px;
    padding: 25px;
    background: transparent url(images/box/video.png) no-repeat left top;
}

    .box-video h2 {
        padding-bottom: 10px;
    }

        .box-video h2 a {
            font-weight: bold;
            font-size: 11pt;
            color: #333;
            text-decoration: none;
            text-transform: uppercase;
        }

        .box-video h2 a:hover {
            text-decoration: underline;
        }

/************
*** PAGES ***
************/

/* excerpt d'article pour home page */
.post {
    padding: 12px 0px;
    border-bottom: 1px dotted #5f5f5f;
    margin-left: 7px;
}

.post.last {
    border-bottom-width: 0px;
}

    .post img.size-thumbnail,
    .post img.size-full,
    .post img.attachment-thumbnail {
        float: left;
        width: 177px;
        height: 117px;
        margin: 0px 10px 7px 0px;
        overflow: hidden;
        border: 1px solid #000;
    }

    .post .entry-content {
        /*float: right;
        width: 325px;*/
    }

        .post .entry-content .date {
            font-size: 9pt;
        }

        .post .entry-content h2 {
            font-size: 10pt;
            font-weight: bold;
            padding-bottom: 17px;
        }

        .post .entry-content p {
            text-align: justify;
        }

        .post .entry-content .more {
            display: block;
            font-size: 9pt;
            font-style: italic;
            font-weight: bold;
            text-align: right;
            text-decoration: underline;
            /*color: #c62406;*/
            color: #000; /* modif du 12/09/2010 - passage des liens en noir */
        }

    .post:after {
        content: '';
        display: block;
        clear: both;
    }

/* listing titres sur petit bloc gauche homepage */
.lastpost {
    padding: 5px 20px;
    border-bottom: 1px dotted #5f5f5f;
}

.lastpost.last {
    border-bottom-width: 0px;
}

    .lastpost .date {
        font-size: 8pt;
        color: #505050;
    }

    .lastpost h2 {
        font-size: 8pt;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        padding-top: 2px;
    }

/* timer countdown */
#timer {
    background: transparent no-repeat center center;
    text-align: right;
    font-weight: bold;
}

    #timer div {
        float: right;
        font-style: italic;
        text-align: center;
    }

    #timer span {
        color: #5b5b5b;
        font-style: normal;
    }

    #timer-days {
        width: 37px;
        color: #c4371d;
    }

        #timer-days span {
            color: #c4371d;
        }

    #timer-hrs,
    #timer-min,
    #timer-sec {
        width: 26px;
        color: #fdfdfd;
    }

/* tableau du classement TOP 5 sur homepage */
.box-small table#standings-full {
    border: 0px;
    width: 100%;
}

    .box-small table#standings-full caption {
        color: #333;
        font-size: 8pt;
        margin-bottom: 8px;
    }

    .box-small table#standings-full tr {}

        .box-small table#standings-full tr td {
            color: #505050;
            text-align: left;
        }

        .box-small table#standings-full tr.himself td {
            font-weight: bold;
            font-style: italic;
            color: #000;
        }

        .box-small table#standings-full tr td.rank {
            width: 16px;
        }

        .box-small table#standings-full tr td.country {
            width: 40px;
        }

        .box-small table#standings-full tr td.points {
            width: 16px;
        }

a.more-infos {
    display: block;
    padding-top: 4px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
    /*color: #c62406;*/
    color: #000; /* modif du 12/09/2010 - passage des liens en noir */
}

/* tableau du classement TOP 10 */
table#standings-full {
    border: 0px;
    width: 100%;
}

    table#standings-full tr {}

        table#standings-full tr td {
            color: #333;
            text-align: left;
            padding: 2px 0px;
        }

        table#standings-full tr.himself td {
            font-weight: bold;
            font-style: italic;
            text-transform: uppercase;
            color: #c62406;
        }

        table#standings-full tr td.rank {
            width: 36px;
        }

        table#standings-full tr td.country {
            width: 60px;
        }

        table#standings-full tr td.points {
            width: 36px;
        }

/* palmarès */
h2#title-name {
    margin: 30px 0px;
    width: 213px;
    height: 21px;
    text-indent: -1000em;
    background: transparent url(images/romain-grosjean.png) no-repeat left top;
}

dl.identity {
    font-size: 9pt;
    margin-bottom: 15px;
    font-weight: bold;
}

    dl.identity dt {
        float: left;
        width: 120px;
        color: #666;
    }

    dl.identity dd {
        float: left;
        width: 200px;
        color: #fff;
    }

dl.identity:after {
    content: '';
    clear: both;
    display: block;
}

table.palmares {
    margin: 0px 20px;
    font-size: 9pt;
    font-weight: bold;
    border-collapse: collapse;
}

    table.palmares tr {
        /*border-bottom: 1px dotted #5f5f5f;*/
    }

    table.palmares tr.last td {
        border-bottom-width: 0px !important;
    }

    table.palmares tr td {
        padding: 10px 0px;
    }

    table.palmares tr td.left-cell {
        width: 50px;
        /*color: #c62406;*/
        color: #000; /* modif du 12/09/2010 - passage des dates en noir */
        border-bottom: 1px dotted #5f5f5f;
    }

    table.palmares tr td.right-cell {
        width: 420px;
        line-height: 25px;
        border-bottom: 1px dotted #5f5f5f;
    }

    table.palmares tr td.right-cell em {
        font-weight: normal;
    }

/* liens */
#links ul {}

    #links ul li {
        line-height: 20px;
        font-style: italic;
    }

    #links ul li:after {
        content: '';
        clear: both;
        display: block;
    }

        #links ul li a {
            display: block;
            text-align: left;
            float: right;
            width: 200px;
            text-decoration: underline;
            color: #000;
            font-style: normal;
            font-weight: bold;
        }

/* contact */
#contact_me {
    padding: 15px;
}

    #contact_me li {
        height: 35px;
    }

    #contact_me li.last-field {
        height: 160px;
    }

    #contact_me label {
        float: left;
        width: 130px;
        font-weight: bold;
        padding-top: 3px;
    }

    #contact_me input,
    #contact_me textarea {
        float: left;
        width: 250px;
        padding: 3px 5px;
        border: 1px solid #333;
        color: #777;
        font-size: 8pt;
    }

    #contact_me textarea {
        height: 110px;
    }

    #contact_me button {
        border: 1px solid #505050;
        background-color: #777;
        color: #111;
        text-align: center;
        padding: 5px 10px;
        font-weight: bold;
        font-variant: small-caps;
    }

/* photos */
#photos {}

    #photos h2 {
        color: #eee;
        font-size: 10pt;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        text-decoration: underline;
        padding: 15px 0px;
    }

    #photos #breadcrumb {
        color: #eee;
        margin: 8px 4px;
    }

        #photos #breadcrumb a {
            color: #eee;
        }

    #photos .prevnext {
        color: #eee;
        margin: 20px 0px 8px;
    }

    #photos .prevnext a {
        color: #eee;
    }

/* live TV */
#live-tv {
    width: 642px;
    text-align: center;
    margin: 40px auto;
}

    #live-tv h4 {
        margin: 15px 0px;
        font-weight: bold;
        color: #c62406;
    }