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

/*  LocaCite :: 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;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
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: "" "";
}

/* /LocaCite :: CSS Reset Reloaded *************************************** */

/*  LocaCite :: Layout *************************************************** */
body {text-align:center;}
#main {
    width:1000px;
    margin:auto;
    position:relative;
}
    #header {height:112px; position:relative; }
        #header h2 a {
            position:absolute;
            top:0;
            left:0;
            width:308px;
            height:112px;
        }
        #header a span {display:none}
        #summary-menu {position:absolute;right:5px;top:3px;}
        #header form {position:absolute;right:0;bottom:5px;width:350px;}
        #header form input {
            width:200px;
            height:16px;
            float:right;
        }
        /*
        #header form button {
            width:24px;
            height:24px;
            position:absolute;
            bottom:0;
            right:0;
        }*/
    #featured {height:270px; position:relative;margin-top:5px; }
        #featured-text {
            padding-left:5px;
            width:340px;
        }
        #featured-link a , .more a, .link.arrow a{
            display:block;
            float:right;
            height:15px;
            padding-right:20px;
        }
        #featured-image {
            position:absolute;
            top:0;
            right:0;
        }
    #menu {height:33px;overflow:hidden;}
        #menu ul {padding-left:10px;}
            #menu ul li {float:left;}
                #menu ul li a {display:block;height:33px;}
                #menu ul li a img {float:left;}
    
    #way {padding-left:10px;margin-bottom:10px;}
    #content{
        margin-top:5px;
        padding:10px;
    }
    
    #content #col1, #content #col2, #content #col3 {
        float:left;
        width:310px;
        margin-right:20px;
        margin-left:0;
    }
    #content #col2 {margin-left:20px;margin-right:10px;}
    #content #col3 {margin-right:0;}
    #content #static {
        float:right;
        width:645px;
        margin-right:0;
    }
    
    #footer {}
    #footer ul {width:30%;float:left;text-align:left;margin:15px;}
    #footer #copy {clear:both;}

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

/*  LocaCite :: Others *************************************************** */
body {
    font-family:'Calibri', Verdana;
    font-size:0.9em;
    background:#404040 url('../gfx/bg.jpg') repeat top left;
    color:#555;
}

strong, b { font-weight:bold;}
i, em { font-style:italic}
hr {border:0;border-top:1px solid #ccc;}
a {color:#888;}

#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:13px;
    font-size:13px;
}
#header form button {
    cursor:pointer;
    border:none;
    background:transparent;
    color:#FFFFFF;
    text-shadow:1px 1px #232323;
    float:right;
}
 
#featured {
    background:#232323 url('../gfx/featured-bg.jpg') no-repeat top left;
    text-align:left;
}
#featured-text {
    padding-left:30px;
    padding-right:30px;
    padding-top:15px;
}
#featured-text h1 {
    margin-bottom:20px;
}
#featured-text h1 a {
    text-decoration:none;
    font-family:'Monaco', Georgia;
    font-size:14px;
    font-weight:normal;
    color:#f1eee7;
    text-shadow:1px 1px #404040;
}

#featured-text p {
    color:#dad9d7;
    text-align:justify;
    font-size:14px;
    line-height:15px;
}
#featured-link {
    text-align:right;
    margin-top:15px;
}
#featured-link a {
    line-height:15px;
    text-align:left;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    background:transparent url('../gfx/featured-more-link.jpg') no-repeat top right;
    text-transform:uppercase;
    border-bottom:1px dotted #FFFFFF;
}
#featured-link a:hover {text-decoration:underline;}


.link.arrow a {
    line-height:15px;
    text-align:left;
    color:#555;
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    background:transparent url('../gfx/more-link.jpg') no-repeat top right;
    text-transform:uppercase;
    border-bottom:1px dotted #555;
}
.link.arrow a:hover {text-decoration:underline;}


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

#menu ul li a {
    text-align:left;
    color:#FFF;
    font-size:14px;
    text-decoration:none;
    line-height:33px;
    vertical-align:middle;
    padding-right:10px;
    padding-left:10px;
    text-shadow:1px 1px #404040;
}
#menu ul li a:hover {
    background:transparent url('../gfx/menu-hover-bg.jpg') no-repeat top left;
}

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

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

#content {
    background:#FFF url('../gfx/content-bg.jpg') no-repeat top left;
}
#content p { 
    text-align:justify;
    line-height:1.2em;
    margin-top:10px;
    margin-bottom:10px;
    font-size:1em;
}

#content p.legend {
    font-size:0.9em;
font-style:italic;
margin-bottom:4px;
margin-left:0;
margin-right:0;
margin-top:0;
text-align:right;
}

#content h1 {
    font-family:'Monaco', Georgia;
    font-size:1.5em;
    margin-bottom:10px;
    font-weight:bold;
    color:#232323;
}

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

#content h2 {
    font-family:'Monaco', Georgia;
    font-size:1.1em;
    margin-bottom:10px;
    color:#FFF;
    background:#404040 url('../gfx/h2-bg.jpg') no-repeat center left;
    display:inline;
    padding:3px;
    padding-left:23px;
    margin-bottom:5px;
    line-height:1.5em;

}

#content h2 a {text-decoration:none;color:#fff;}

#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:1em;line-height:1.2em;}
#content ul li { list-style:square;margin-left:50px;font-size:1em;line-height:1.2em;}
#content ol li { list-style:decimal;margin-left:50px;font-size:1em;line-height:1.2em;}

#content ul li.presta {
    background-color:#EEEEEE;
    border:1px solid #DDDDDD;
    font-size:1.1em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:4px;
    margin-left:0;
    padding:5px;
}
#content ul li.presta .capture { float:right;}
#content ul li.presta ul li {
    font-size:0.9em;
}
.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;}

#footer {
    background:#dad9d7 url('../gfx/footer-bg.jpg') no-repeat bottom left;
    border-top:3px solid #949494;
    margin-bottom:20px;
    color:#404040;
}
#footer ul li {
    font-family:'Monaco', Georgia;
    font-size:14px;
}
#footer a {color:#404040;text-decoration:none;}
#footer ul li.link {
    font-family:'Calibri', Verdana;
    font-size:13px;
    line-height:14px;
    list-style-image:url('../gfx/puce-footer.jpg');
    list-style-position:inside;
}
#footer #copy {color:#888888;font-size:11px;padding-bottom:10px;}

.home .reference { 
    float:left; 
    border:1px solid #ccc;
    width:90px;
    height:90px;
    margin-right:5px;
    margin-bottom:5px;
}
.home .reference p {vertical-align:middle;line-height:90px;}
.home .reference img {margin:auto;display:block;float:middle;}

#references .reference {
    border-bottom:1px dotted #ccc;
    margin-bottom:5px;
}
#references .reference p {
    padding-left:140px;
}
#references .reference img {
    float:left; 
    
}


.subscribe {
    text-align:center;
    height:160px;
}

.subscribe a {
    color:#FCFCFC !important;
    font-family:Lucida Console;
    font-size:20px !important;
    line-height:30px !important;
    padding:30px !important;
    text-align:center !important;
    text-decoration:none;
    display:block;
    height:100px;
    width:502px;
    margin:auto;
    background:transparent url('../gfx/zone-button.jpg') no-repeat center top;
}

.subscribe a:hover {
    background:transparent url('../gfx/zone-button.jpg') no-repeat center bottom;
}
.subscribe a strong {
    font-weight:bold;
    color:#fff;
}
#summary, #summary.hide {
    height:13em;
    margin-bottom:1em;
    overflow:hidden;
}

#summary.show {
    height:auto;
}

div.link { 
    text-align:right;
    margin-bottom:1em;
}

#content #col1.sidebar {
    border-right:1px dotted #ccc;
    padding-right:10px;
    width:295px;
}

#col1 .sidebar_news h3 {
    border-left:3px solid #ccc;
    margin-top:10px;
    padding-left:5px;
}
#col1 .sidebar_news h3 a {
    text-decoration:none;
}
#col1 .sidebar_news p, #col1 .sidebar_news div, #col1 .sidebar_news a {
    font-size:90%;
}
#col1 .sidebar_news .links {
    border-top:1px dotted #ccc;
    text-align:right;
}

#content ul li.title {
    font-weight:bold;
    list-style:none outside none;
    text-indent:-20px;
}


#content form {
    margin-top:30px;
}
#content form p {
    margin-top:0;
}
#content form p label {
    float:left;
    width:12em;
    text-align:right;
    margin-right:10px;
}


#content form p input,#content  form p textarea {
    border:1px solid #CCCCCC;
    color:#555555;
    font-family:'Calibri',Verdana;
    font-size:14.4px;
    padding:2px;
    width:30em;
}
/*
form p input.submit {
    border:1px solid #CCCCCC;
    color:#555555;
    font-family:'Calibri',Verdana;
    font-size:14.4px;
    padding:2px;
    width:auto;
    margin-left:182.8px;
}
*/
#content form p input.submit {
    border:none;
    color:#FFF;
    font-family:'Calibri',Verdana;
    font-size:14.4px;
    text-align:center;
    padding:2px;
    width:194px;
    height:75px;
    vertical-align:middle;
    font-size:15px;
    cursor:pointer;
    font-weight:bold;
    text-transform:uppercase;
    background:transparent url('../gfx/contact_button.jpg') no-repeat top left;
    /*margin-left:182.8px;*/
    margin-left:305px;
}

#content ul.errorlist {
    color:#DD5555;
    margin-left:198px;
    margin-bottom:0;
    margin-top:1em;
}
#content ul.errorlist li {
    margin:0;
    padding:0;
}

.result {
    border-bottom:1px dotted #ccc;
    margin-bottom:10px;
}

#content .result p {
    margin-bottom:2px;
}
/* /LocaCite :: Others *************************************************** */