/* CSS Document */
/* Site de Adimages.fr */
/* mise en page et double rollover images */
*{
margin:0;
padding:0;

}

html,body{
background: url(img-fonds/fond-accueil.gif) no-repeat;
margin:0px;
padding:0px;
z-index:0;
}

a:hover {
background: none; 

}

#logo{
padding:0px;
position:absolute;
background: url(img-accueil/logo_adimages.gif) no-repeat;
height:257px;
width:355px;
margin-top:-10px;
margin-left:80px;
}

a#contact{
position:absolute;
background: url(./images/contact-a.gif) no-repeat;
height:43px;
width:260px;
margin-top:451px;
margin-left:404px;
text-decoration:none;
}

a#contact:hover{
background: url(./images/contact-b.gif) no-repeat;
}

#toute_com{
position:absolute;
background: url(./img-accueil/toute_com.gif) no-repeat;
height:69px;
width:559px;
margin-top:494px;
margin-left:255px;
}

ul#menu_ad li{  /*POUR le menu*/
list-style-type:none;
display:inline;
position:absolute;
}

ul#menu_ad li a {
position:absolute;
float:left;
text-indent:-10000px;
width: 260px;
}

#nav{
padding: 0; 
position:absolute;
}

#nav ul{
position:absolute;
margin:0;
padding:0;
list-style: none;
}

#nav li {
position:absolute;
background-repeat: no-repeat;

}
	
#nav a { /* if background is on a:link IE6 won't display properly  */
position:absolute;	
background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
color: yellow;
font-family: "Arial Black", sans-serif;
text-align: center;
width: 124px;
height:120px;

	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
}

#nav a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
height:100px;
width: 122px;
position:absolute;

}
 

#nav a img {
position:absolute;
width: 414px; /* IE5 Win can't dynamically change size - Adon't use 0px to hide */
height: 198px;
float:left;
border: 0 none;
margin-top:60px;
visibility: hidden;
margin-left:500px;
top:-300px;
left:0px;

}

#nav a:hover img {
position:absolute;
visibility: visible;
background: none; 
}

 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav a {
position:absolute;
padding: 0; 
display: block;
}
	
#nav li {
position:absolute;
margin-top:0;
margin-bottom:0;
width: 80px;
}
/* end hack */



a#menu1{
position:absolute;
padding: 0; 
height:123px;
width:168px;
margin-top:305px;
background-image:  url(img-navig/bout-siteweb-a.gif) ;
margin-left:127px;

}
a#menu1 img{
left:-112px;
top:-300px;
}

a#menu2{
position:absolute;
height:123px;
width:180px;
margin-top:305px;
background-image:  url(img-navig/bout-studio-a.gif) ;
margin-left:290px;

}
a#menu2 img{
left:-280px;
top:-300px;
}

a#menu3{
position:absolute;
height:123px;
width:189px;
margin-top:305px;
background-image:  url(img-navig/bout-enseignes-a.gif);
margin-left:468px;

}
a#menu3 img{
left:-455px;
top:-300px;
}

a#menu4{
position:absolute;
height:123px;
width:184px;
margin-top:305px;
background-image:  url(img-navig/bout-imprimerie-a.gif);
margin-left:653px;

}
a#menu4 img{
left:-645px;
top:-300px;
}
a#menu5{
position:absolute;
height:123px;
width:124px;
margin-top:305px;
margin-left:814px;
background-image:  url(img-navig/bout-conseils-a.gif);

}
a#menu5 img{
left:-810px;
top:-300px;
}

a#menu1:hover{
background-image:  url(img-navig/bout-siteweb-b.gif);
}
a#menu2:hover{
background-image:  url(img-navig/bout-studio-b.gif) ;
}
a#menu3:hover{
background-image:  url(img-navig/bout-enseignes-b.gif);
}
a#menu4:hover{
background-image:  url(img-navig/bout-imprimerie-b.gif);
}
a#menu5:hover{
background-image:  url(img-navig/bout-conseils-b.gif);
}

/*
li#accueil span {
left: 75px;
background: url(images/accueil.gif) no-repeat -100px -100px;
}
ul#menu li#profil a span {
left: 14px;
background: url(images/profil.gif) no-repeat -100px -100px;
}
ul#menu li#portfolio a span {
left: -47px;
background: url(images/portfolio.gif) no-repeat -100px -100px;
}
ul#menu li#liens a span {
left: -108px;
background: url(images/liens.gif) no-repeat -100px -100px;
}
*/

#bienvenue{
background-image:  url(img-navig/bloc-texte-bienvenue.gif);
width: 414px;    
height: 198px;
position: absolute;
border: 0 none;
margin-top:60px;
margin-left:500px;
}