/**
 * @project   : zebNet website
 * @author    : zebNet Créations / zoomCinema.fr
 * @copyright : CopyRight 2009 - All Right Reserved
 */

/*  zebNet :: CSS Reset Reloaded *************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* /zebNet :: CSS Reset Reloaded *************************************** */

/*  zebNet :: Layout *************************************************** */
body {text-align:center;}
#main {
    width:961px;
    margin:auto;
    position:relative;
    padding-left:50px;
    padding-right:50px;
}
    #header {height:156px; position:relative; }
        #header h2 a {
            position:absolute;
            top:0;
            left:0;
            width:308px;
            height:152px;
        }
        #header a span {display:none}
        #summary-menu {position:absolute;right:5px;top:3px;}
        #header form {position:absolute;left:616px;bottom:4px;width:290px;}
        #header form input {
            width:260px;
            height:20px;
            position:absolute;
            bottom:0;
            left:0;
        }
        #header form button {
            width:24px;
            height:24px;
            position:absolute;
            bottom:0;
            right:0;
        }
    #featured {height:270px; position:relative; }
        #featured-text {
            padding-left:5px;
            width:380px;
        }
        #featured-link a , .more a{
            display:block;
            float:right;
            width:116px;
            height:36px;
        }
        #carousel {
            position:absolute;
        }
    #menu {height:60px;overflow:hidden;}
        #menu ul {padding-left:10px;}
            #menu ul li {float:left;}
                #menu ul li a {display:block;height:55px;}
                #menu ul li a img {float:left;}
    
    #way {padding-left:10px;margin-bottom:10px;}
    #content, #home-content {
        float:left;
        width:710px;
        padding-left:10px;
        padding-bottom:20px;
    }
    #sidebar {float:right;width:210px;margin-right:10px;}
    
    #footer {clear:both;margin-top:20px;}
    #footer ul {width:30%;float:left;text-align:left;margin:15px;}
    #footer #copy {clear:both;}

.spacer {clear:both;}
/* /zebNet :: Layout *************************************************** */

/*  zebNet :: Others *************************************************** */
body {
    font-family:Verdana;
    font-size:0.9em;
    background:transparent url('../gfx/body-bg.jpg') repeat top left;
    color:#555;
}
#all {
    background:transparent url('../gfx/all-bg.jpg') repeat-x top left;
}
strong, b { font-weight:bold;}
i, em { font-style:italic}
hr {border:0;border-top:1px solid #ccc;}

a {color:#888;}

#main {
    background:transparent url('../gfx/main-bg.png') repeat-y top center;    
}

#header {
    background:transparent url('../gfx/header-bg.jpg') no-repeat top center;
}
#header h2 a {
     background:transparent url('../gfx/logo-bg.jpg') no-repeat top center;
}
#summary-menu, #summary-menu a {
    font-size:12px;
    color:#eaeaea;
    text-decoration:none;
    font-family:verdana;
}
#summary-menu a:hover { text-decoration:underline;}

#header form input {
    border:1px solid #ddd;
    line-height:16px;
    font-size:16px;
}
#header form button span {display:none;}
#header form button {
    cursor:pointer;
    border:none;
    background:transparent url('../gfx/bsearch-bg.jpg') no-repeat top left;
}
 
#featured {
    background:transparent url('../gfx/featured-bg.jpg') no-repeat top center;
    text-align:left;
}

#featured-text h1 {
    text-align:center;
    padding-top:27px;
    margin-bottom:20px;
}
#featured-text h1 a {
    text-decoration:none;
    font-family:Georgia;
    font-size:30px;
    font-weight:normal;
    font-variant:small-caps;
    color:#555;
}

#featured-text p {
    color:#222;
    text-align:justify;
    font-family:verdana;
    font-size:12px;
    line-height:14px;
    padding-left:5px;
    padding-right:5px;
}
#featured-link {
    text-align:right;
    margin-top:10px;
}
#featured-link a {
    line-height:36px;
    text-align:left;
    text-indent:10px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-family:verdana;
    font-size:12px;
    background:transparent url('../gfx/featured-button-bg.jpg') no-repeat top left;
}
#featured-link a:hover {text-decoration:underline;}


#menu {
    background:transparent url('../gfx/menu-bg.jpg') no-repeat top left;
    height:60px;
    padding-top:10px;
}

#menu ul li a {
    text-align:left;
    font-family:Arial;
    color:#555;
    font-size:0.8em;
    text-decoration:none;
    width:190px;
}
#menu ul li a:hover {text-decoration:underline;color:#888;}

#menu ul li a strong {
    font-size:1.3em;
}

#content, #sidebar, #way {text-align:left;}

#way, #way a {
    font-family:Arial;
    font-size:0.9em;
    color:#555;
}

#content p { 
    text-align:justify;
    line-height:1.2em;
    margin-bottom:10px;
    font-size:0.9em;
}

#content p.posted {
    font-size:75%;
    font-style:italic;
    padding-bottom:5px;
    padding-top:5px;
    text-align:right;
}

#content p.tags a.tag{
    font-size:80%;
    margin-right:10px;
    padding-left:20px;
    background:transparent url(../gfx/tag_orange.png) no-repeat top left;
}


#content h1 {
    font-family:Arial;
    font-size:1.5em;
    margin-bottom:10px;
    font-variant:small-caps;
    font-weight:bold;
    color:#555;
}

#content h1 strong, #content h2 strong {color:#999;}

#content h2 {
    font-family:Arial;
    font-size:1.2em;
    margin-bottom:10px;
    font-variant:small-caps;
    font-weight:bold;
    color:#666;
}

#content h3 {
    font-size:1.2em;
    margin-bottom:10px;
    font-weight:bold;
    color:#777;
}

#content h4, #content h5 {
    font-size:1.1em;
    margin-bottom:10px;
    font-weight:bold;
    color:#999;
}

#content .image {
    padding:5px;
    color:#555;
    margin-bottom:10px;
}
#content .image p {
    color:#ABABAB;
    font-size:0.8em;
    margin-bottom:0;
    margin-top:3px;
    text-align:center;
}

#content .image-left {float:left;margin-right:10px;}

#content .image-right {float:right;margin-left:10px;}

#content ul, #content ol {margin-bottom:5px;font-size:0.9em;text-align:justify;}
#content ul li { list-style:square;margin-left:50px;line-height:1.2em;margin-bottom:10px;}
#content ol li { list-style:decimal;margin-left:50px;line-height:1.2em;margin-bottom:10px;}


#home-content #home-left, #home-content #home-right {
    width:390px;
    float:left;
}
#home-content #home-right {width:310px;}
#home-content .bloc {text-align:left;height:255px;clear:both;}
#home-content #home-left .bloc {
    background:transparent url('../gfx/separator-bg.jpg') no-repeat right top;
    padding-right:80px;
}
#home-content .bloc img {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}
#home-content h2 {
    font-family:Arial;
    font-size:1.2em;
    margin-bottom:10px;
    font-variant:small-caps;
    font-weight:bold;
    color:#666;
}

#home-content h2 a{
    text-decoration:none;
}
#home-content p {text-align:justify;font-size:11px;line-height:15px;margin-bottom:5px;}
#home-content p.summary{
    font-style:italic;
    font-weight:bold;
    margin-bottom:15px;
    text-align:left;
}


.more {
    text-align:right;
}
.more a {
    line-height:36px;
    text-align:left;
    text-indent:10px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-family:verdana;
    font-size:12px;
    background:transparent url('../gfx/button-bg.jpg') no-repeat top left;
}
.more a:hover {text-decoration:underline;}


#sidebar {background: transparent url('../gfx/sidebar-bg.jpg') no-repeat bottom left;padding-bottom:20px;}
#sidebar .sidebar {background: transparent url('../gfx/sidebar-bg.jpg') no-repeat top left;padding-left:20px;padding-top:20px;}
#sidebar h4 {color:#555;font-size:14px;font-weight:bold;margin-bottom:10px;}
#sidebar p {font-size:12px;text-align:justify;line-height:16px;}
#sidebar p.date {text-align:right;font-style:italic;color:#333;margin-bottom:15px;}
#sidebar p.image {text-align:center;margin-top:5px;margin-bottom:5px;}
#sidebar p.image img {border:3px solid #aaa;}


#footer {background:#121212 url('../gfx/footer-bg.jpg') repeat-x top left;}
#footer ul li {background:transparent url('../gfx/footer-title-bg.jpg') no-repeat bottom center;padding-bottom:10px;color:#fff;}
#footer a {color:#fff;}
#footer ul li.link {
    font-size:12px;
    line-height:14px;
    background:transparent url('../gfx/footer-li-bg.jpg') no-repeat bottom center;
}
#footer #copy {color:#888888;font-size:11px;padding-bottom:10px;}


#formulaire {
    background:transparent url('../gfx/form.jpg') no-repeat top center;
    padding-top:20px;
}

#formulaire h4 {margin-bottom:15px;}
#formulaire #formleft label {
    float:left;
    width:95px;
}

#formulaire label .require {
    color:#DD5555;
}

#formulaire #formleft {
    float:left;
    width:45%;
}
#formulaire #formright {
    float:right;
    width:45%;
}

#formulaire form input {
    border:1px solid #DDDDDD;
    font-size:12px;
    height:18px;
    line-height:20px;
    vertical-align:middle;
    width:220px;
}

#formulaire form .error input, #formulaire form .error textarea {
    border:1px solid #DD5555;
    background-color:#EECCCC;
}

#formulaire p.error {
    margin-bottom:0;
}

#formulaire form textarea {
    border:1px solid #DDDDDD;
    font-size:12px;
    line-height:20px;
    vertical-align:middle;
    width:100%;
    height:137px;
    font-family:Verdana;
}
#formulaire .errorlist {
    color:#550000;
    font-size:10px;
    margin:0 0 10px;
    padding:0;
}

#formulaire .errorlist li {
    margin:0 0 0 13px;
    padding:0;
}

#formulaire #formleft .errorlist li {
    margin:0 0 0 108px;
}

#formulaire #formright input {
    width:100%;
}

#formulaire #formsubmit {
    text-align:center;
    clear:both;
}

#formulaire #formsubmit .submit{
    background:transparent url('../gfx/button-valider.jpg') no-repeat top left;
    width:120px;
    height:40px;
    border:none;
    color:#FFFFFF;
    font-family:verdana;
    font-size:12px;
    font-weight:bold;
    line-height:36px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
}
/* /zebNet :: Others *************************************************** */

/* zebNet :: Home Carousel ********************************************* */
#carousel {left:393px;top:29px;}
#carousel ul li {list-style:none;margin:0;padding:0;}
#carousel .thumb { 
    float:left;
    padding:5px;
    margin:0;
}
.carousel-wrap {width:480px;float:left;}
.carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;line-height:999px;zoom:1;margin-top:90px;}
.carousel-next{background:url('../gfx/carousel-next.jpg') 0 0 no-repeat;float:left;margin-left:6px;}
.carousel-previous{background:url('../gfx/carousel-previous.jpg') 0 0 no-repeat;float:left;margin-right:6px;}
.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
.disabled,.disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
/* /zebNet :: Home Carousel ******************************************** */