/* -------------------------------------------------------
----------------------------------------------------------
Title:      Decoo - Style
File :      style.css
CSS:        2.0 valid W3C
website:    decoo.fr
----------------------------------------------------------
------------------------------------------------------- */


/* -------------------------------------------------------
Reset
------------------------------------------------------- */
*, html{
    padding : 0px;
    margin : 0px;
    font-family : "Lucida Sans Unicode", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a,
a img,
blockquote,
body,
caption,
div,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
label,
legend,
object,
p,
pre,
span,
strong
{
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
a:link,
a:visited,
a:active {
  text-decoration: none;
}
a:hover {
    color: #000; 
}
a{
    color: #000; 
}
img a:hover {
}
fieldset,
img {
  border: 0;
}
ul, ol, li {
    list-style-position: outside;
    margin-left: 0px;
}
/* -------------------------------------------------------
Reset
------------------------------------------------------- */


/* -------------------------------------------------------
Global
------------------------------------------------------- */
body{
    background : #fff;  
    font-family : tahoma, sans-serif;
    font-size : 11px;
}
.c{
    width : 980px;
    margin : 0 auto;
}

/* -------------------------------------------------------
Global
------------------------------------------------------- */



/* -------------------------------------------------------
Header
------------------------------------------------------- */
#h{
    height : 446px;
    background : url(decoo.jpg) center top no-repeat;
}
#h p{
    float : right;
    width : 480px;
    text-align : right;
    font-size : 13px;
    color : #7C7C7C;
    line-height : 30px;
    font-family  : Arial;
}
#h p a{
    color : #7C7C7C;
}
#h p a:hover{
    border-bottom : 2px solid #A0A0A1;
}
#h a#mysacamain{
    display : block;
    width : 480px;
    height : 446px;
    text-indent : -5000px;
    outline : none;
}
/* -------------------------------------------------------
Header
------------------------------------------------------- */



/* -------------------------------------------------------
Page
------------------------------------------------------- */
#p{
    
}
/* -------------------------------------------------------
Page
------------------------------------------------------- */




/* -------------------------------------------------------
Sidebar
------------------------------------------------------- */
#s{
    float : right;
    width : 300px;
}
#s .ad{
    margin-top : 32px;
}
#s input.inputText{
    padding : 2px 4px;
    border : 1px solid #F0E9DF;
    font-size : 12px;
    width : 190px;
    background : #E0D2BF;
}
#s input.inputText:focus{
    border : 1px solid #C4AC8C;
}
#s input.inputSubmit,
#s input.inputSubmit:focus{
    letter-spacing:1px;
    background : #fff;
    font-size : 12px;
    color : #C4AC8C;
    font-weight : bold;
    width : 75px;
    height : 21px;
    border : 1px solid #fff;
}
#s input.inputFeed{width : 175px;}
#s h3{
    color : #7C7C7C;
    font-weight : bold;
    font-size : 14px;
    padding : 4px 4px 4px 17px;
    margin : 20px 0px 0px;
    line-height : 18px;
    letter-spacing : 1px;
    /*
    border-bottom:1px dotted #454545;
    */
    background : url(sh3.png) center left no-repeat;
}
#s textarea{
    margin-top : 8px;
    font-size : 11px;
    width : 240px;
}
#s textarea:focus{
    color : #7C7C7C;
}
#s ul{
    list-style-type : none;
    border : 1px solid #F0E9DF;
    padding : 4px 8px;
}
#s .border{
    border : 1px solid #F0E9DF;
    padding : 5px 7px;
}
#s ul li{
    line-height : 18px;
    /*
    padding-left : 16px;
    background : url(s-cat.gif) 0px 3px no-repeat;
    */
}
#s ul.site li{
    /*
    background : url(s-site.gif) 0px 3px no-repeat;
    */
}
#s ul li a{
    font-size : 11px;
    color : #C4AC8C;
}
#s ul li a:hover{
    font-size : 11px;
    color : #7C7C7C;
    text-decoration : underline;
}
/* -------------------------------------------------------
Sidebar
------------------------------------------------------- */




/* -------------------------------------------------------
Content
------------------------------------------------------- */
#c{
    float :  left;
    width : 650px;
}
#c .post{
    margin-bottom : 20px;
    background : url(cpost.png) top right repeat-y;
}

#c h1 a{
    font-size : 30px;
    font-family : Arial, sans-serif;
    color : #C4AC8C;
    display : block;
    font-weight : normal;
    background : #fff url(cposttitle.png) bottom right no-repeat;
    padding-left : 12px;
}
#c h1 a:hover{
    color : #7C7C7C;
}
#c .soustitre{
    font-size : 14px;
    font-family : Arial, sans-serif;
    color : #A0A0A1;
    margin : 0px 20px 5px;
}
#c p img{
    margin : 20px 0px;
}
#c .text{
    margin-left : 20px;
    color : #454545;
    letter-spacing : 1px;
    line-height : 160%;
    margin-top : 15px;
}
#c .text a{
    color : #C4AC8C;
    font-weight : bold;
}
#c .text a:hover{
    color : #7C7C7C;
    text-decoration : underline;
}
#c .bottom{
    min-height : 28px;
    height : auto !important;
    height : 28px;
    background : url(cbottom.png) bottom right no-repeat;
}
#c .bottom a{
    display : block;
    text-indent : -5000px;
    width : 100%;
    height : 85px;
    background-position : top left;
    background-repeat : no-repeat;
}   
#c .bottom a:hover{
    background-position : top left;
}
#c .bottom a.comment{
    background-image : url(cbottomcomment.png);
}
#c .bottom a.visit{
    background-image : url(cbottomvisit.png);
}

/* -------------------------------------------------------
Content
------------------------------------------------------- */



/* -------------------------------------------------------
Footer
------------------------------------------------------- */
#f{
    clear : both;
    padding-top : 40px;
    background : url(f1.png) bottom left repeat-x;
}
#f .c{
    height : 120px;
    background : url(f3.png) bottom right no-repeat;
}
#f a{
    display : block;
    height : 100%;
    width : 100%;
    text-indent : -5000px;
}
/* -------------------------------------------------------
Footer
------------------------------------------------------- */