html {height: 100%;}

body {background: #ccc url(style-1003/body-fond.jpg) top center no-repeat;}

#header a {outline: none;}

#logo {
    display:block;
    margin:50px auto 1em;
}

h1, #intro {
    font-family:Georgia,Times,'Times New Roman',serif;
    color:#006;
    text-align:center;
}

h1 {font-size:1.5em;}

#nav {
    list-style: none;
    margin: 2em auto 1.5em;
    overflow: auto;
    padding: 0;
    width: 434px;
}

#nav li {float: left;}

#nav a {
    border-left: 1px dotted #006;
    display: block;
    font: normal 1.2em Verdana;
    padding: .5em 0;
    text-align: center;
    text-decoration: none;
    width: 144px;
}
#nav li:first-child a {border-left: none;}
#nav a:hover, #nav a:focus {text-decoration: underline;}

h2, #intro {font-size:1.3em;}

#reseau {
    list-style-type:none;
    margin:2em auto;
    overflow:hidden;
    width:440px;
    padding:0;
}
#reseau li {
    float:left;
    padding:0 13px;
}

#contenu {
    background-color:#fefefe;
    overflow:hidden;
    padding:1em;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #ddd;
}

#portfolio {
    list-style: none;
    margin: 2em 0;
}
#portfolio li {
    border-bottom: 1px dotted #ccc;
    display: block;
    float: left;
    margin-bottom: 1em;
    min-height: 120px;
    overflow: hidden;
    padding: .5em 0;
    width: 50%;
}
#portfolio img {
    border: 2px solid #ddd;
    float: left;
    margin-right: 1em;
}
#portfolio p { margin-right: 1em; }

#contact textarea {height:10em;}
#contact textarea, #contact input[type="text"], #contact select {width:70%;}
#contact label  {width:10%; float:left; cursor:pointer; text-align:right; margin:0.5em 2em;}

.puce {
    padding-left:20px;
    background-position:left center;
    background-repeat: no-repeat;
}

.facebook {background-image:url(style-1003/facebook_16.png);}
.wlm {background-image:url(style-1003/windows_16.png);}
.twitter {background-image:url(style-1003/twitter_16.png);}

#facebook ul {list-style: none;}
#facebook ul a {
    display:block;
    font-weight:bold;
    padding:0 .2em;
    text-decoration:none;
}
#facebook ul a span {
    color:#999;
    font:italic normal .9em sans-serif;
}
#facebook ul a:hover {
    background-color: #eee;
}

#copyright {
    clear:left;
    color:#777;
    font-size:.9em;
    margin-top:1em;
    text-align: center;
}