* { margin: 0; padding: 0; border: 0; }

body {
    font: 1em "Trebuchet MS",Arial,sans-serif;
    text-align : center;
    background : #F4F2F2 url('/c/i/bg_body.png') ;
}

.subnav {
    margin		: 0 ;
    padding		: 0 ;
    border		: 0 ;
    visibility	: hidden ;
    clear		: both ;
    line-height	: 0 ;
}

.clear			{
    clear		: both ;
    visibility	: hidden ;
}


.userMessage {
    background	: #FFF;
}

.userMessage ul, .userMessage li {
    list-style	: none;
}




/* Common styles
-------------------------------------------------------- */
ul { list-style: none; }
ul li { list-style: none; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
pre { overflow: auto; width: 100%; height: auto; }
.left { float: left; }
.right { float: right; }
 h1 {
    color : #000 ;
    margin : 0 0 15px 0 ;
    font-size : 150% ;
    padding : 5px ;
    background: #b5ce29 url(/c/i/h1.png) bottom right ;
    background-repeat : none;
}
#page h1 a {
    background-position:  top left ;
    background-repeat :  no-repeat ;
    padding : 0 0 0 30px  ;
    height : 48px ;
    line-height : 48px ;
    text-decoration : none ;
    display : block ;
    border-bottom : 3px solid #ffd97d ;
    color : #b5ce29 ;
}
#page h1 a:hover  {
    border-color : #b5ce29 ;
    color : #ffa523 ;
}

/** bloc commun	**/
#accueil {
        float	: left;
        display : block ;
        width : 220px ;
        height: 65px ;
        margin-top : 0;
        cursor: hand;
        text-indent: -5000em;
}

/* Page
-------------------------------------------------------- */
#page {
    position: relative;
    margin: 0 auto ;
    width : 912px ;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    background: #FFF;
}


/* Header
-------------------------------------------------------- */
#top {
    background : url(/c/i/zapiks.png) top left no-repeat ;

    height : 96px ;
    margin : 0 0 5px ;
}
html>body #top {
    height : auto ;
}
    #top h1 { font-size: 3em; }
    #top a:link, #top a:visited, #top a:hover { color: #FFF; text-decoration: none; }

/* menu */
        #menu {
            list-style: none ;
            margin : -20px 6px 0  ;
            padding : 0 0 0 230px;
            font-size : 90% ;
            font-weight : bold ;
            border-bottom : 1px solid #ddd ;
            height : 27px ;
            background : none;
            z-index : 1;
        }
        #menu li {
            margin : 0 0 0 12px ;
            padding : 0 0 0 22px ;
            background : #fff url('/c/i/tab.png') top left no-repeat ;
            display : block ;
            float : left ;
            border-bottom : 1px solid #ddd ;
            margin-bottom : -1px ;
        }
        html>body #menu li{
            margin-bottom : 0 ;
        }
        #menu li#active {
            border-bottom-color : #fff ;
        }

        #top #menu li a  {
            display : block ;
            text-align : center ;
            color : #666 ;
            text-decoration : none ;
            background : #fff url('/c/i/tab.png') top right no-repeat ;
            padding : 6px 20px 3px 0 ;
        }
        #top #menu li a:hover  {
            color : #b5ce29 ;
            text-decoration : underline ;
        }
        #menu li a img  {
            vertical-align : middle ;
            margin-right : 5px ;
        }
        #menu li#active a {
            color			: #ffa523 ;
        }

/* menu des sports */
#top #sportsMenu 			{
    clear			: both ;
    text-align	: center ;
    list-style-type: none ;
    font-size	: 70% ;
    margin		: 1px 6px 0 ;
    padding		: 0.3em ;
    border		: 1px solid  #ddd ;
    border-width: 0 0 1px 0 ;
    background :#fff ;
}
#top #sportsMenu li		 	{
    margin		: 0 ;
    padding		: 0 ;
    display		: inline ;
}
#top #sportsMenu li a {
    padding		: 4px 15px 5px;
    text-decoration: none ;
    color 			: #666 ;
}
#top #sportsMenu li a:hover {
    color	: #b5ce29 ;
    text-decoration : underline ;
}
#top #sportsMenu li a.activeSport {
    color			: #ffa523 ;
    text-decoration : none ;
    background : url('/c/i/menu.png') 50% 100% no-repeat;
}


/* menu perso */
        #menuperso {
            float : right ;
            width : 370px ;
            height : 40px ;
            margin : 0 6px 0 0 ;
            font-size : 80% ;
            position:absolute;
            right:10px;
            top:0px;
            z-index: 1;
        }
        #menuperso a:hover {
            z-index: -1;
}
        #menuperso a:hover {
            color : #fa5523 ;
            text-decoration : underline ;
        }
        #top #menuperso form {
            clear : both ;
            border-top: 1px solid #850323;
        }
        #top #menuperso form fieldset {
            clear : both ;
            margin : 0  ;
            padding :  5px 10px 0 0 ;
            text-align : right ;
        }
        #menuperso fieldset input.text{
            border : 0 ;
            background : #850323 ;
            color :#666 ;
            margin:  0;
            padding : 1px ;
        }
        #menuperso fieldset input.text:focus{
            background :#ffa523 ;
            color : #fff;
        }
        #menuperso fieldset input.submit{
            background : #ffa523 ;
            border : 1px outset #b5ce29 ;
            color : #fff ;
            margin : 0;
        }

    /* login menu */
    #top #menuperso #login {
        margin-top : 0 ;
        border : 0 ;
        font-size : 80% ;
    }
    html>body #top #menuperso #login {
        font-size :90% ;
    }
    #top #menuperso #login input {
        font-size : 11px ;
    }
    #top #menuperso #login label {
        color : #666 ;
        padding : 0 5px ;
        text-align : left ;
        width		: auto;
    }
    #top #menuperso #login .text {
        border : 1px solid #b5ce29 ;
        background: #fff ;
        margin : 0 ;
        padding : 1px ;
        color : #555 ;
        width : 65px ;
    }
    #top #menuperso #login #go {
        background : #ddd ;
        padding : 0 4px;
        height : 1.5em ;
        margin : 0 0 0 2px ;
    }
    #top #menuperso  div#inscr{
       text-align : right ;
       position : absolute ;
       font-size : 80% ;
       padding : 0 ;
       top : 35px ;
       right : 0px;
       z-index : 201;
       height : 1.5em;
   }
    #top #menuperso div#inscr a{
        color : #aaa ;

    }
    #top #menuperso  div#inscr a#langChooser {
        color : #ffa523 ;
        font-weight : bold ;
        padding-right : 10px ;s
    }

/* logged */
#top #logged {
    float : right ;
    font-size : 90% ;
    padding : 7px 10px 2px ;
    vertical-align : middle ;
    color : #666 ;
}
#top #logged a{
    color : #666 ;
}
#top #logged a:hover{
    color : #ffa523 ;
}
#top #logged img {
    vertical-align : middle ;
}

/** fin bloc commun **/

/* Prelude
-------------------------------------------------------- */
#prelude {
    padding: 0;
    margin: 0 ;
    color: #fff ;
    text-align: center;
    font-size: 60% ;
    height : 0 ;
    text-indent : -5000px ;
}
    #prelude a:link, #prelude a:visited {
        font-size: 1em;
        color: #fff ;
        text-decoration: none;
    }
    #prelude a:hover { text-decoration: underline; color:#aaa;}
    #prelude a:focus, #prelude a:active { background: yellow; color: red; padding: 5px 8px; }

/* Colonnes
-------------------------------------------------------- */
.col {
    width				: 300px;
    padding				: 4px;
    float				: left;
    display				: inline;
    margin				: 0;
    border-left			: 1px solid #CCC;
}

html>body .col {
    width				: 292px;
}
.col.merged {
    width				: 600px;
}

html>body .col.merged {
    width				: 592px;
}

.col.merged {
    border-color		: #FFF;
}

.col.noborder {
    border-color		: #FFF;
}

input {
    border				: 1px solid #B5CE29;
    color				: #555555;
}

input.submit {
    border		: 1px outset #bbb ;
}

input.submit:hover {
    border		: 1px outset #d00 ;
}

.col label {
        float 			: left ;
    width 				: 170px ;
    display 			: inline ;
    margin				: 0;

}

.col .box {
    margin				: 3	px;
    padding				: 4px;
    border				: 1px solid #dbf935;
    background			: #FFF url('/c/i/bg-box-header.png') repeat-x left top;
}

.col .box h2 {
    text-align			: center;
    margin				: 0 0 4px 0;
    }
/* Wrapper
-------------------------------------------------------- */
#wrapper {
    width: 912px;
    margin: 0 auto 5px auto;
    font-size : 70% ;
    text-align: left;
}


#main {
    width: 559px;
    float: left;
    margin-left: 6px ;
    display : inline ;
}

#sidebar {
    width: 332px;
    float: right;
    margin-right : 5px ;
    display : inline ;
}


/* Sidebar
-------------------------------------------------------- */
#sidebar h2 {
    color: #000 ;
    font-size: 1.2em;
    background: #fff url(/c/i/h1b.png) bottom left repeat-x;
    padding : 4px  0 3px 4px;
    margin: 0;
    font-weight: bold;
    text-align : center ;
    text-transform: uppercase;
}

#sidebar #searchBar form {
    margin : 0 ;
    padding : 0 ;
}
#sidebar #searchBar form fieldset {
    margin :  4px 0 ;
    text-align : center ;
    background :#fff url(/c/i/search.png) top left no-repeat ;
    height : 60px ;
    border : 0px;
    padding : 3px;
}
#sidebar #searchBar form input{
    margin : 19px 0 0 0  ;
    padding : 2px ;
    font-size  : 11px ;
    border : 1px solid #ffa523 ;
    vertical-align : middle ;
    width			: 120px;
}
#sidebar #searchBar form input.submit{
    border-style : outset ;
    padding :0 5px ;
    width			: 40px;
}


#sidebar  #carrePub {width:330px;border:1px solid #ffd97d;text-align:center;padding:15px 0 12px;margin:5px 0 10px 0;-moz-border-radius:0 12px;}

#sidebar h3 { color: #005D99; padding: 4px 8px 0 8px; font-size: 1em; }

#sidebar a:link, #sidebar a:visited { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#blogextra a:link, #blogextra a:visited { text-decoration: none; }
#blogextra a:hover { text-decoration: underline; }

#sidebar ul, #blogextra li { padding: 0 0 4px 0; }
#sidebar li, #blogextra li {
    background: transparent url(/c/i//sidebar_li.png) no-repeat 10px 7px;
    padding: 3px 4px 3px 20px;
}
#sidebar p, #blogextra p { padding: 0 0 4px 10px; }

    #search fieldset p { padding-left: 8px; }
    #search #q {
        color: #005D99;
        width: 180px;
        border: 1px solid #CDCDCD;
        padding: 1px 2px;
        font-size: 1em;
    }
    #search .submit {
        color: #005D99;
        background: #FFF;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        border: 1px solid #FFF;
    }
    #search .submit:hover { background: #005D99; color: #FFF; border: 1px solid #005D99; }

#search, #selected, #categories, #syndicate, #langs, #tags, #links, #blogextra .text { padding: 0 0 10px 0; }
/*
#topnav {
    color: #005D99;
    font-size: 0.9em;
    background: #F5F5F5;
    border: 1px solid #CDCDCD;
    border-width: 1px 0;
    padding: 5px 5px 5px 8px;
    margin: 0 0 20px 0;
    font-weight: bold;
    text-transform: uppercase;
}
*/
#topnav {
    color: #fff ;
    font-size: 1.2em;
    background: #fff url(/c/i/h1b.png) bottom left repeat-x;
    padding : 4px  0 3px 4px;
    margin: 0 0 20px 0;
    font-weight: bold;
    text-transform: uppercase;
}
#topnav a {
    color : #333 ;
}
    #sidebar #topnav ul { margin: 0; padding: 0; }
    #sidebar #topnav li {
        display: inline;
        background: none;
        margin: 0;
        padding: 0;
    }

    #sidebar #syndicate li {
        margin: 0 4px 0 11px;
        background: transparent url(/c/i//rss.png) no-repeat 0px 50%;
        padding: 5px 4px 5px 22px;
    }


/* Post-content
-------------------------------------------------------- */
.post-content, .post-excerpt {
    padding: 4px 0 0 0;
    line-height: 1.5em;
    font-size: 1.2em;
}

.post-content p, .post-excerpt p { padding: 4px 0; }

.post-content strong, .post-excerpt strong { font-size: 0.9em; }
.post-content acronym, .post-excerpt acronym { cursor: help; border-bottom: 1px dashed #666; }

.post-content pre, .post-excerpt pre {
    font: 1.1em 'courier new', courier, monospace;
    background: #F5F5F5;
    padding: 10px 5px;
    margin: 6px 0;
}

.post-content h3, .post-excerpt h3 { padding: 4px 0; font-size: 1.2em; color: #666; }
.post-content h4, .post-excerpt h4 { padding: 4px 0; font-size: 1.1em; color: #666; }
.post-content h5, .post-excerpt h5 { padding: 4px 0; font-size: 1.0em; color: #666; }

.post-content ul, .post-excerpt ul { padding: 4px 0; margin: 0; }
    .post-content ul li, .post-excerpt ul li {
        padding: 1px 0 1px 10px;
        background: transparent url(/c/i//li.png) no-repeat 0 5px;
    }
.post-content ol, .post-excerpt ol { padding: 4px 0; margin: 0 0 0 28px; }
    .post-content ol li, .post-excerpt ol li { padding: 1px 0; }

.post-content blockquote, .post-excerpt blockquote { border-left: 4px solid #CDCDCD; margin: 4px 0 4px 5px; padding: 0 5px; }
.post-content blockquote em, .post-excerpt blockquote em {}

/* Classes
-------------------------------------------------------- */
.day-date {
    color: #fff;
    text-align: right ;
    padding: 3px 20px;
    margin : 0 0 5px 30px;
    clear: left;
    background : #ffa523 ;
    -moz-border-radius : 0 8px;
    float :right ;
}

a.feed {}

.post { color: #000; }

.post-title {
    background: #b5ce29 url(/c/i/h1.png) top left repeat-y;
    color: #000;
    padding:0 ;
    font-size: 120%;
    text-transform : uppercase ;
    margin: 10px 0 4px 0;
    line-height:2em ;
}
    .post-title a:link, .post-title a:visited {
    padding : 0 10px ;
    border-left : 8px solid #b5ce29 ;
    text-decoration : none ;
    display : block ;
 }
    .post-title a:hover {border-color:#ffa523; text-decoration:underline; }

.post-info { font-style: italic;text-align:right;font-size:90%;color:#b5ce29 }

.post-tags {
    position: relative;
    border: 0;
    padding: 5px;
    margin: 8px 10px 0 20px;
    overflow: hidden;
    height: 1%;
    text-align:center;
}
    .post-tags:after{
        content:'[DO NOT LEAVE IT IS NOT REAL]';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .post-tags li { display: inline; }
        .post-tags li a:link, .post-tags li a:visited {
            color: #005D99;
            display: block;
            float: left;
            text-decoration: none;
            background: transparent url(/c/i//tag.png) no-repeat 0 0;
            padding: 2px 8px 2px 18px;
        }
        .post-tags li a:hover { text-decoration: underline; }

.post-info-co {
    clear: left;
    border: 0;
    border-left : 8px solid #ffa523 ;
    padding: 1px 5px;
    margin: 0 0 26px 0;
}
    .post-info-co a:link, .post-info-co a:visited {
        text-decoration: none;
        padding: 2px 10px 2px 18px;
    }
    .post-info-co a:hover { text-decoration: underline; }

    .comment_count {
        background: transparent url(/c/i//commentaire.png) no-repeat 0 50%;
    }
    .ping_count {
        background: transparent url(/c/i//retrolien.png) no-repeat 0 50%;
    }
    .attach_count {
        background: transparent url(/c/i//attach.png) no-repeat 0 50%;
    }

.read-it {
    font-weight: bold;
    padding: 0 0 10px 0;
    clear: left;
}

#attachments {
    clear: left;
    border: 1px solid #E8E8E8;
    border-width: 1px 0;
    background: #FBFBFB;
    padding: 5px;
    margin: 4px 0 6px 0;
}
    #attachments * { color: #3C8FD1; }
    #attachments h3 { font-size: 1.2em; }
    #attachments ul { padding: 4px 0; }
    #attachments li {
        margin: 0 0 0.6em 0;
        padding: 2px 10px 2px 18px;
        background: transparent url(/c/i//attach.png) no-repeat 0 50%;
    }
    #attachments li em {}
    #attachments li div {}
    #attachments li object {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    }

.footnotes {
    border: 1px solid #E8E8E8;
    padding: 5px 0;
    margin: 6px 0 25px 0;
}
    .footnotes h4 {
        color: #005D99;
        background: #FBFBFB;
        border-bottom: 1px solid #E8E8E8;
        background: transparent url(/c/i//report.png) no-repeat 4px 3px;
        padding: 2px 10px 2px 25px;
        margin: 0 0 6px 0;
        font-style: italic;
    }
    .footnotes p { padding: 4px 10px; }


/* Archives
-------------------------------------------------------- */
#content-info {
    font-size: 0.8em;
    border: 1px solid #b5ce29;
    padding: 5px 10px;
    margin: 0 0 20px 0;
    font-size: 1em;
    line-height: 1.4;
}
.content-inner { padding-bottom: 20px; }

.content-inner h3 {
    font-size: 1em;
    color: #5E9E14;
    background: #F5F5F5;
    border: 1px solid #CDCDCD;
    border-width: 1px 0;
    padding: 5px 10px;
    margin: 10px 0;
}

#content-info h2 { font-size: 1.4em; }
#content-info p { padding: 4px 0; font-size: 1em; }

#content-info p a.feed:link, #content-info p a.feed:visited {
    padding: 4px 0 4px 22px;
    background: transparent url(/c/i//rss.png) no-repeat 1px 3px;
}
#content-info p a.feed:hover {}

.content-inner .day-date { text-align: left; }
.content-inner .post-title { padding: 4px 0; margin: 0 0 0 10px; }
.content-inner .post-info { margin: 4px 0 20px 10px; }

.content-inner ul { padding: 4px 0; margin: 0 0 0 10px; }
    .content-inner ul li {
        padding: 1px 0 1px 10px;
        background: transparent url(/c/i//li.png) no-repeat 0 5px;
        font-size: 1em;
        line-height: 1.3;
    }

/* Tags - Page des tags
-------------------------------------------------------- */

.content-inner ul.tags {
    position: relative;
    border: 1px solid #b5ce29 ;
    padding: 5px;
    margin: 8px 0 20px 0;
    overflow: hidden;
    height: 1%;
    font-size: 120%;
    -moz-border-radius : 0 16px ;
}
    .content-inner ul.tags:after{
        content:'[DO NOT LEAVE IT IS NOT REAL]';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .content-inner ul.tags li {
        /* display: inline; */
        display: block;
        float: left;
        margin: 4px;
        height: 18px;
        line-height: 18px;
        background: none;
    }
        .content-inner ul.tags li a:link, .content-inner ul.tags li a:visited {
            color: #ffa523;
            text-decoration: none;
        }
        .content-inner ul.tags li a:hover { text-decoration: underline; }
        .content-inner ul.tags li a:focus, .content-inner ul.tags li a:active { background: #005D99; color: #FFF; }



/* Commentaires
-------------------------------------------------------- */
#comments, #pings { padding-top: 10px; }
    #comments h3, #pings h3, #comments-feed, #pr h3 {
        clear: left;
        margin: 20px 0 8px 0;
        color: #000;
        font-size: 1.2em;
        background: #fff url(/c/i/h2.png) top left no-repeat;
        padding : 4px  0 3px 10px;
        font-weight: bold;
    }
    #pr h3 { color: #5E9E14; margin: 30px 0 8px 0; }

    #comments-feed {
        font-weight: bold; margin: 14px 0 8px 0;
        background-image : url(/c/i/h1.png) ;
        padding-bottom: 5px ;
        }
        #comments-feed a:link, #comments-feed a:visited {
            font-size: 0.8em;
            text-decoration: none;
            background: transparent url(/c/i//rss.png) no-repeat 0px 50%;
            padding: 3px 0 3px 22px;
        }
        #comments-feed a:hover { text-decoration: underline; }

#comments dl{}

#comments dt, #pings dt {
    position: relative;
    top: 1px;
    display: block;
    padding: 16px 0 6px 10px;
    background: transparent url(/c/i//commentaire_bulle.png) no-repeat 50% 100%;
}
    #comments dt a:link, #comments dt a:visited { color: #3C8FD1; text-decoration: none; }
    #comments dt a:hover { text-decoration: underline; }
    #pings dt a:link, #pings dt a:visited { color: #3C8FD1; text-decoration: none; }
    #pings dt a:hover { text-decoration: underline; }

    #comments dd, #pings dd, dd.comment-preview {
        border: 1px solid #E8E8E8;
        border-width: 1px 0 1px 1px;
        background: #fff url(/c/i/comment.png) bottom left repeat-x ;
        padding: 10px;
        margin: 0 0 8px 0;
        font-size: 1.1em;
        line-height: 1.4;
    }
    #comments dd *, #pings dd *, dd.comment-preview * { padding: 5px 0; font-size: 1em; }

    #comments dt.me a:link, #comments dt.me a:visited, #comments dt.me a:hover { color: #5E9E14; }
    #comments dd.me { border-left: 4px solid #5E9E14; }

    .comment-number, .ping-number {
        color: #b5ce29;
        font-weight: bold;
        font-size: 1.4em;
    }
#comments dt img, #allcomments dt img {
    float					: right;
    margin					: 22px 5px 0 0;
}

.cAdmin
{
        float : right;
}


#allcomments dt img
{
    width	: 32px;
    height	: 32px;
}

#ping-url {
    padding: 5px;
    margin: 30px 0;
    font-weight: bold;
    text-align: right;
}


.error {
    border: 2px solid red;
    padding: 10px 5px;
    margin: 20px 0 0 0;
    background: #FFCCCC;
    font-weight: bold;
}

.message {}

.page_navigator {
    clear: left;
    border: 1px solid #CDCDCD;
    border-width: 1px 0;
    background: #F5F5F5;
    padding: 5px;
    margin: 0 0 30px 0;
    text-align: center;
    color: #5E9E14;
    font-weight: bold;
}
    .page_navigator a:link, .page_navigator a:visited { color: #5E9E14; text-decoration: none; }
    .page_navigator a:hover { text-decoration: underline; }

#navlinks {
    border-bottom: 1px solid #b5ce29;
    background: #fff url(/c/i/titre.png) top left repeat-x ;
    padding: 2px 5px;
    margin: 0 25px 20px 30px;
    text-align: center;
    color: #b5ce29;
    font-weight: bold;
}
    #navlinks a:link, #navlinks a:visited { color: #5E9E14; text-decoration: none; }
    #navlinks a:hover { text-decoration: underline; }

/* Forms
-------------------------------------------------------- */
#comment-form { padding-top: 10px; }

#comment-form h3 {
        clear: left;
        margin: 20px 0 8px 0;
        color: #000;
        font-size: 1.2em;
        background: #fff url(/c/i/h2.png) top left no-repeat;
        padding : 4px  0 3px 10px;
        font-weight: bold;
}

#comment-form fieldset p { padding: 5px 0; /*margin: 0 0 0 30%;*/ }
#comment-form fieldset p.field { padding: 5px 0; width: auto; margin: 0; clear: left; }
#comment-form p.form-help { width: 60%; margin: 0 0 0 30%; font-style: italic; }

#comment-form p label { width: auto; }
#comment-form p.field label {
    font-weight: bold;
    display: block;
    padding: 0 4px 4px 0;
    width: 29%;
    float: left;
    text-align: right;
}
#comment-form input, #comment-form textarea {
    font: 1em Arial,sans-serif;
    color: #005D99;
    border: 1px solid #CDCDCD;
    padding: 1px 2px;
    font-size: 1em;
    width: 60%;
}

#comment-form input#c_remember {
    width: auto;
    border: 0;
    margin: 0 5px 0 140px;
}
#comment-form input.preview { margin-left: 134px; }
#comment-form input.preview, #comment-form input.submit {
    width: auto;
    color: #005D99;
    background: #FFF;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #FFF;
}
#comment-form input.preview:hover, #comment-form input.submit:hover { background: #005D99; color: #FFF; border: 1px solid #005D99; }


/* Footer
-------------------------------------------------------- */
#footer {
    width: 912px;
    background: transparent url(/c/i//pied2.png) no-repeat top left ;
    padding: 0 0 12px 0;
    clear: both;
    font-size :60% ;
}
    #footer p {
        position : absolute ;
        bottom : 10px;
        color: #333 ;
        padding: 10px ;
        text-align: center;
        margin : 0 0 0 20px ;
}
        #footer p a:link, #footer p a:visited { color: #ffd97d; text-decoration: underline; }
        #footer p a:hover { text-decoration: none; }

    #footer .clear {
        clear:both ;
    }
    #footer .col {
        float : left ;
        margin : 8px 0 0 11px;
        display :inline ;
        width : 289px ;
    }
    #footer .col h2 {
        text-transform : uppercase ;
        color : #fff ;
        text-align: center ;
        border-bottom : 1px solid #fff ;
        margin : 10px ;
        font-size : 13px ;
    }
    #footer .col ul {
        margin-left : 25px ;
        font-size : 11px ;
    }

    #footer .col li {
        padding : 4px ;
        font-size : 11px ;
    }
    #footer #footer a {
        color :#fff ;
        text-decoration : none;
    }

    #footer #footerDetails a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }
    #footer #footerDetails {
        text-align : center;
        clear : both ;
        width : 100%;
    }


        /*             styles for the star rater                */

#rater {
    float: right;
    border : 0px;
    padding : 6px;
    font-size : 100%;
    border : 1px solid #000;
}
#rater .star-rating{
    /*list-style	: none ;*/
    display		: block ;
    margin		: 0 0 0 6px ;
    padding		: 0px ;
    width		: 125px ;
    height		: 25px ;
    position	: relative ;
    background	: url(/i/alt_star.gif) top left repeat-x;
}
    #rater .star-rating .current-rating{
        background: url(/i/alt_star.gif) left center;
        position: absolute;
        left : 0 ;
        height: 25px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }

    /*   rater  */
    #rater .star-rating{
        list-style	: none ;
        margin		: 0px auto ;
        padding		: 0px ;
        width		: 125px ;
        height		: 25px ;
        position	: relative ;
        background	: url(/i/alt_star.gif) top left repeat-x;
    }
    #rater .star-rating li{
        padding		: 0px;
        margin		: 0px;
        width		: auto ;
        float: left;
        /* */
    }
    #rater .star-rating li a{
        display:block;
        width:25px;
        height: 25px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
        border : 0px;

    }
    #rater .star-rating li a:hover{
        background: url(/i/alt_star.gif) left bottom;
        z-index: 2;
        left: 0px;
    }
    #rater .star-rating a.one-star{
        left: 0px;
    }
    #rater .star-rating a.one-star:hover{
        width:25px;
    }
    #rater .star-rating a.two-stars{
        left:25px;
    }
    #rater .star-rating a.two-stars:hover{
        width: 50px;
    }
    #rater .star-rating a.three-stars{
        left: 50px;
    }
    #rater .star-rating a.three-stars:hover{
        width: 75px;
    }
    #rater .star-rating a.four-stars{
        left: 75px;
    }
    #rater .star-rating a.four-stars:hover{
        width: 100px;
    }
    #rater .star-rating a.five-stars{
        left: 100px;
    }
    #rater .star-rating a.five-stars:hover{
        width: 125px;
    }
    #rater .star-rating li.current-rating{
        background: url(/i/alt_star.gif) left center;
        position: absolute;
        left : 0 ;
        height: 25px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }

    #searchbox {
        margin		: 0 0 0 50px;
    }

    #searchbox input {
        float		: left;
        height		: 20px;
        margin		: 6px 0 0 0;
        padding		: 2px 0 0 12px;
        background	: transparent url('/c/i/searchfield.png') top left no-repeat;
        width		: 120px;
        border		: 0;
    }

    #searchbox .submit {
        background	: transparent url('/c/i/search_go.png') top left no-repeat;
        width		: 20px;
        padding		: 2px 0 0 0;
        margin		: 6px 0 0 0;
        float		: left;
    }