/* CSS Document */

* {
margin: 0;
padding: 0;
}

.spacer{
display:block;
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

.espace{
display:block;
clear:both;
border: none;
font-size:1px;
height:15px;
line-height:0;
}

.espace_pt{
display:block;
clear:both;
border: none;
font-size:1px;
height:5px;
line-height:0;
}

.filet{
display:block;
clear:both;
border: none;
font-size:1px;
height:10px;
border-bottom:1px solid #aedff5;
margin-bottom:10px;
line-height:0;
}

body {
padding:0;
margin:0;
background:url(../images/fond-site.jpg) no-repeat center 303px;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:11px;
color:#3e4392;
}

#general {
width:1000px;
display:block;
padding:0;
margin:0 auto;
}

#anim {
display:block;
width:246px;
height:750px;
float:left;
}

object {
float:left;
}

#centre {
float:left;
width:753px;
}

h1 a {
float:left;
display:block;
width:163px;
height:131px;
background:url(../images/logo-acrofish.jpg);
text-indent:-5000px;
}

/* Menu haut */

ul#menu_haut {
float:left;
display:block;
height:122px;
width:590px;
background:url(../images/haut-menu.jpg) no-repeat top left;
list-style:none;
}


ul#menu_haut li{
margin-top:37px;
float:left;
}

ul#menu_haut li a {
text-indent:-5000px;
display:block;
height:85px;
}

ul#menu_haut li a#web {
width:117px;
background:url(../images/solutions-web.jpg) 0 0;
}

ul#menu_haut li a:hover#web {
width:117px;
background:url(../images/solutions-web.jpg) 0 -85px;
}

ul#menu_haut li a#dev {
width:105px;
background:url(../images/developpement.jpg) 0 0;
}

ul#menu_haut li a:hover#dev {
width:105px;
background:url(../images/developpement.jpg) 0 -85px;
}

ul#menu_haut li a#off {
width:106px;
background:url(../images/solutions-offline.jpg) 0 0;
}

ul#menu_haut li a:hover#off {
width:106px;
background:url(../images/solutions-offline.jpg) 0 -85px;
}

ul#menu_haut li a#print {
width:106px;
background:url(../images/print.jpg) 0 0;
}

ul#menu_haut li a:hover#print {
width:106px;
background:url(../images/print.jpg) 0 -85px;
}

ul#menu_haut li a#port {
width:156px;
background:url(../images/portfolio.jpg) 0 0;
}

ul#menu_haut li a:hover#port {
width:156px;
background:url(../images/portfolio.jpg) 0 -85px;
}

/* Menu gauche */

ul#menu_gauche {
list-style:none;
display:block;
width:163px;
float:left;
height:620px;
}

ul#menu_gauche li a{
margin: 5px 0;
margin-left:25px;
text-decoration:none;
color:#f79700;
}

ul#menu_gauche li a:hover{
color:#e94824;
}

ul#menu_gauche li a#crea {
margin-left:0;
text-indent:-5000px;
display:block;
width:163px;
height:25px;
background:url(../images/nos-creations.gif) 0 0 ;
}

ul#menu_gauche li a:hover#crea {
background:url(../images/nos-creations.gif) 0 -25px ;
}

ul#menu_gauche li a#concept {
margin-left:0;
text-indent:-5000px;
display:block;
width:163px;
height:25px;
background:url(../images/notre-concept.gif) 0 0 ;
}

ul#menu_gauche li a:hover#concept {
background:url(../images/notre-concept.gif) 0 -25px ;
}

ul#menu_gauche li a#studio {
margin-left:0;
text-indent:-5000px;
display:block;
width:163px;
height:25px;
background:url(../images/notre-studio.gif) 0 0 ;
}

ul#menu_gauche li a:hover#studio {
background:url(../images/notre-studio.gif) 0 -25px ;
}

ul#menu_gauche li a#blog {
margin-left:0;
text-indent:-5000px;
display:block;
width:163px;
height:25px;
background:url(../images/notre-blog.gif) 0 0 ;
}

ul#menu_gauche li a:hover#blog {
background:url(../images/notre-blog.gif) 0 -25px ;
}

ul#menu_gauche li a#recru {
margin-left:0;
text-indent:-5000px;
display:block;
width:163px;
height:25px;
background:url(../images/recrutement.gif) 0 0 ;
}

ul#menu_gauche li a:hover#recru {
background:url(../images/recrutement.gif) 0 -25px ;
}

ul#menu_gauche li a#contact {
margin-left:0;
text-indent:-5000px;
display:block;
width:163px;
height:25px;
background:url(../images/contact.gif) 0 0 ;
margin-bottom:5px;
}

ul#menu_gauche li a:hover#contact {
background:url(../images/contact.gif) 0 -25px ;
}

/* contenu */

#contenu {
display:block;
width:575px;
float:left;
margin-left:8px;
margin-top:5px;
}

#contenu h2 {
display:block;
width:575px;
height:30px;
font-weight:normal;
letter-spacing:2px;
background:url(../images/motif-rayures.gif);
margin-bottom:10px;
color:#e53617;
}

#contenu h2 span {
background:#FFF;
padding-right:5px;
font-size:17px;
}

#contenu h2 span.petit {
background:#FFF;
padding-right:5px;
font-size:12px;
padding-top:3px;
letter-spacing:1px;;
}

/* footer */

#footer {
position:relative;
display:block;
width:753px;
height:40px;
border-top:1px solid #bee5f7;
text-align:right;
color:#97cee8;
line-height:20px;
margin-top:25px;
}

#footer #liens{
display:block;
width:575px;
height:28px;
text-align:left;
color:#73caef;
position:absolute;
line-height:29px;
top:-29px;
right:0;
background:url(../images/ombre-lien.jpg) no-repeat top left;
}

#footer #liens a{
text-decoration:none;
font-weight:bold;
color:#f79700;
}

#footer a{
text-decoration:none;
color:#97cee8;
}

#footer a:hover{
text-decoration:underline;
color:#97cee8;
}