/* ANYBODESIGN.COM // Styles CSS */

/*
/*
/*
/* Global */

			
* {
border: 0;
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
font-size: 1em;
outline: none;
}

html {
height: 100%;
}

body {
background: #000 url(../anybodesign_imports2/anybodesign-fdB.png) 50% 0 no-repeat;
}

#fondpage {
width: 100%;
height: 100%;
background: transparent url(../anybodesign_imports2/anybodesign-fdB-top.png) 0 0 no-repeat;
}

#global {
position: relative;
width: 900px;
margin: 0 auto;
}

@font-face {
font-family: 'Steelfish Regular';
src: url('../anybodesign_fonts/Steelfish.eot');
src: local('Steelfish Regular'), local('Steelfish'), url('../anybodesign_fonts/Steelfish.woff') format('woff'), url('../anybodesign_fonts/Steelfish.ttf') format('truetype'), url('../anybodesign_fonts/Steelfish.svg#Steelfish') format('svg');
}

/*
/*
/*
/* Header */


#header {
position: relative;
width: 220px;
height: 180px;
margin: 0 auto;
top: 10px;
left: 0;
background: transparent url(../anybodesign_imports2/anybodesign-logoB.png) 50% 0 no-repeat;
}

#header h1, #header h2 {
display: none;
}

#header h3 {
position: relative;
top: 400px;
font-size: 80%;
font-weight: normal;
color: #666;
text-align: center;
padding: 10px 0;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

#header a.bt-home {
display: block;
position: relative;
margin: 0 auto;
width: 160px;
height: 140px;
}

/*
/*
/*
/* Menu */


#menu {
position: absolute;
top: 160px;
left: 0;
width: 100%;
background: transparent url(../anybodesign_imports2/menu-shadowB.png) 50% 35px no-repeat;
font-family: "Steelfish Regular", Helvetica, Verdana, Arial, sans-serif;
}

#menu ul {
width: 550px;
height: 60px;
margin: 0 auto;
list-style-type: none;
}

#menu li {
display: inline;
float: left;
}

#menu li span {
font-size: 1.6em;
letter-spacing: 0.1ex;
font-family: "Steelfish Regular", Helvetica, Verdana, Arial, sans-serif;
}

#menu li a {
display: block;
height: 30px;
width: 100px;
margin: 0 5px;
color: #9c0;
text-align: center;
text-decoration: none;
}


#menu li a.graphisme, #menu li a.web-design, #menu li a.packaging, #menu li a.animation, #menu li a.contact {
color: #9c0;
}
#menu li a.graphisme:hover, #menu li a.web-design:hover, #menu li a.packaging:hover, #menu li a.animation:hover, #menu li a.contact:hover {
color: #fff;
}
#menu li a.graphisme-active, #menu li a.web-design-active, #menu li a.packaging-active, #menu li a.animation-active, #menu li a.contact-active {
color: #fff;
}



/*
/*
/*
/* --------------- contenu --------------- */

#contenu {
position: relative;
width: 900px;
height: 360px;
margin: 0 auto;
background-color: transparent;
}

#texte {
position: relative;
top: 95px;
left: 80px;
width: 312px;
height: 221px;
padding: 20px;
background: transparent url(anybodesign_imports/anybodesign-fondtexte.png) 0 0 no-repeat;
}

#contenu h1, #contenu h2, #contenu p, #contenu a {
width: 270px;
}

#contenu h1 {
margin-bottom: 0px;
font-size: 1em;
color: #fff;
}

#contenu h2 {
margin-bottom: 10px;
font-size: 0.9em;
color: #000;
}

#contenu p {
margin-bottom: 5px;
font-size: 0.8em;
line-height: 1.4em;
color: #fff;
}

#contenu p.description {
height: 120px;
}

#contenu p a {
display: inline;
padding: 0;
color: #000;
text-decoration: underline;
}

#contenu p a:hover {
color: #fff;
text-decoration: none;
}

#contenu a.next {
position: absolute;
display: block;
width: 50px;
height: 20px;
left: 90px;
top: 320px;
text-decoration: none;
font-size: 0.7em;
font-weight: bold;
line-height: 21px;
color: #9c0;
padding-left: 24px;
background: transparent url(anybodesign_imports/anybodesign-suite-black.png) 0 0 no-repeat;
z-index: 500;
}

#contenu a.next:hover {
color: #fff;
background: transparent url(anybodesign_imports/anybodesign-suite-black.png) 0 -20px no-repeat;
}

#contenu a.www {
position: absolute;
display: block;
width: 120px;
left: 800px;
top: 200px;
text-decoration: none;
font-size: 0.7em;
color: #fff;
padding-left: 10px;
background: transparent url(anybodesign_imports/menu_btns.png) 0 0 no-repeat;
}

#contenu a.www:hover {
text-decoration: none;
color: #9c0;
background: transparent url(anybodesign_imports/menu_btns.png) 2px -13px no-repeat;
}


hr {
visibility: hidden;
width: 10px; margin-top: 10px;
clear: both;
}

#contenu a img {
border: 0;
}

#contenu a img.border {
border: #ccc 1px solid;
}

div#imagebook {
position: absolute;
top: 90px;
left: 410px;
width: 416px;
padding: 10px;
background: transparent url(anybodesign_imports/anybodesign-fondimage-black.png) 0 0 no-repeat;
}


/*
/*
/*
/* Selector */

#selector {
position: relative;
top: 90px;
margin-bottom: 10px;
height: 65px;
text-align: center;
line-height: 30px;
background: transparent url(../anybodesign_imports2/menu-shadowB.png) 50% 35px no-repeat;
}

#selector p {
font-size: 0.8em;
color: #999;
letter-spacing: 0.2ex;
}

#selector p a {
text-decoration: none;
color: #fff;
}

#selector p a:hover, #selector p a.selector-ok {
text-decoration: none;
color: #9c0;
}

/*
/*
/*
/* contact et formulaire */

#fond-contact {
float: left;
margin-top: 70px;
width: 460px;
height: 360px;
background: transparent url(../anybodesign_imports2/anybodesign-contact2.png) right 0 no-repeat;
}

#form-contact {
float: left;
width: 440px;
height: 290px;
margin-top: 140px;
margin-bottom: 60px;
}

#form-contact p {
color: #fff;
margin-bottom: 4px;
}

#form-contact input, #form-contact textarea {
width: 200px;
border: 1px solid #666;
padding: 4px;
color: #fff;
margin-bottom: 8px;
background-color: #000;
}

#form-contact input.envoi {
border: 0;
margin: 0;
color: #9c0;
padding-left: 22px;
width: 90px;
height: 20px;
line-height: 12px;
text-align: left;
background: transparent url(../anybodesign_imports2/anybodesign-suite-black.png) 0 0 no-repeat;
cursor: pointer;
}

#form-contact input.envoi:hover {
color: #fff;
padding-left: 24px;
background: transparent url(../anybodesign_imports2/anybodesign-suite-black.png) 0 -20px no-repeat;
}

#form-contact p.rouge {color: #f00;}
#form-contact p.vert {color: #9c0;}

#contenu-legal {
position: relative;
top: 40px;
left: 0;
width: 500px;
margin: 0 auto;
}

#contenu-legal h1 {
color: #9c0;
margin-bottom: 10px;
}

#contenu-legal h2 {
font-size: 0.9em;
color: #fff;
margin-bottom: 5px;
}

#contenu-legal p {
font-size: 0.8em;
color: #fff;
margin-bottom: 10px;
text-align: justify;
}

#contenu-legal p a {
color: #9c0;
}

#contenu-legal p a:hover {
color: #fff;
text-decoration: none;
}

#contenu-legal p.small {
font-size: 0.7em;
color: #fff;
}

#contenu-legal h1.news {
font-weight: bold;
font-size: 1.4em;
color: #9c0;
text-align: center;
padding: 10px 0;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

div#tooltip {
position:fixed;
visibility:hidden;
width: 180px;
z-index:100;
background-color:#fff;
padding:0.8em;
font-size:0.8em;
color: #000;
box-shadow: 0px 2px 12px #fff;
opacity: 0.9;
}

div.goodiz {
float: left;
width: 220px;
margin: 0 15px;
margin-bottom: 15px;
}

div.goodiz p {
margin-top: 5px;
}

/*
/*
/*
/* Footer */

#footer {
position: relative;
width: 800px;
margin: 0 auto;
margin-top: 40px;
padding: 15px;
text-align: center;
}

#footer p {
font-size: 0.7em;
color: #fff;
}

#footer p a {
color: #9c0;
text-decoration: underline;
}

#footer p a:hover {
color: #666;
text-decoration: none;
}

#footer div.rezo {
position: relative;
top: 5px; left: 0;
width: 110px;
margin: 0 auto;
}

#footer a.twitter {
float: left; margin-right: 10px;
display: block;
width: 30px; height: 30px;
background: transparent url(../anybodesign_imports2/logo-twitter.png) 0 0 no-repeat;
}
#footer a.twitter:hover {
background: transparent url(../anybodesign_imports2/logo-twitter.png) -30px 0 no-repeat;
}

#footer a.tumblr {
float: left; margin-right: 10px;
display: block;
width: 30px; height: 30px;
background: transparent url(../anybodesign_imports2/logo-tumblr.png) 0 0 no-repeat;
}
#footer a.tumblr:hover {
background: transparent url(../anybodesign_imports2/logo-tumblr.png) -30px 0 no-repeat;
}

#footer a.goodies {
float: left; 
display: block;
width: 30px; height: 30px;
background: transparent url(../anybodesign_imports2/logo-goodies.png) 0 0 no-repeat;
}
#footer a.goodies:hover {
background: transparent url(../anybodesign_imports2/logo-goodies.png) -30px 0 no-repeat;
}

#footer div.patch {
position: fixed;
width: 214px;
height: 182px;
bottom: 0;
right: 0;
background: transparent url(../anybodesign_imports2/anybodesign-fdB-bottom.png) 0 0 no-repeat;
}

#footer span {
display: none;
}