@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#adsense {
margin:auto;
position:relative;
top:10px;
width:728px;
height:15px;
}
#fondaccueil {
margin:auto;
position:relative;
width:1024px;
height:768px;
background-image:url(image/accueil.png);
}
#fondaccueilvideomix {
margin:auto;
position:relative;
width:1024px;
height:768px;
background-image:url(image/videomix.png);
}
#fondservices {
margin:auto;
position:relative;
width:1024px;
height:768px;
background-image:url(image/services.png);
}
#fonddevis {
margin:auto;
position:relative;
width:1024px;
height:768px;
background-image:url(image/demandedevis.png);
}
#fondcreations {
margin:auto;
position:relative;
width:1024px;
height:768px;
background-image:url(image/creations.png);
}
#fondcontact {
margin:auto;
position:relative;
width:1024px;
height:768px;
background-image:url(image/contact.png);
}
#fondnoel {
margin:auto;
position:relative;
width:400px;
height:300px;
background-image:url(image/noel2009.png);
}
#contenu {
position:relative;
float:left;
margin:0;
top:515px;
left:224px;
width:560px;
height:208px;
}
#contenu2 {
position:relative;
float:left;
margin:0;
top:25px;
left:224px;
width:560px;
height:208px;
}

/* MENU HAUT */

#menuhaut {
position:relative;
margin:auto;
float:left;
display:inline-block;
width:585px;
left:40px;
top:-10px;
height:27px;
background-color:#FFFFFF;
}

#boutonservices {
float:left;
display:inline-block;
margin:0;
position:relative;
width:117px;
height:27px;
top:0px;
left:0px;
}
a.boutonservices {
display:block;
width:117px;
height:27px;
background-image:url(image/boutons/services.png);
}
a.boutonservices:hover {
background-position:100% 37px;
}


#boutondevis {
float:left;
display:inline-block;
margin:0;
position:relative;
width:117px;
height:27px;
top:0px;
left:0px;
}
a.boutondevis {
display:block;
width:117px;
height:27px;
background-image:url(image/boutons/devis.png);
}
a.boutondevis:hover {
background-position:100% 37px;
}

#boutonaccueil {
float:left;
display:inline-block;
margin:0;
position:relative;
width:117px;
height:27px;
top:0px;
left:0px;
}
a.boutonaccueil {
display:block;
width:117px;
height:27px;
background-image:url(image/boutons/accueil.png);
}
a.boutonaccueil:hover {
background-position:100% 37px;
}

#boutoncreation {
float:left;
display:inline-block;
margin:0;
position:relative;
width:117px;
height:27px;
top:0px;
left:0px;
}
a.boutoncreation {
display:block;
width:117px;
height:27px;
background-image:url(image/boutons/creations.png);
}
a.boutoncreation:hover {
background-position:100% 37px;
}

#boutoncontact {
float:left;
display:inline-block;
margin:0;
position:relative;
width:117px;
height:27px;
top:0px;
left:0px;
}
a.boutoncontact {
display:block;
width:117px;
height:27px;
background-image:url(image/boutons/contact.png);
}
a.boutoncontact:hover {
background-position:100% 37px;
}


p {
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#000000;
}
h1 {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#000000;
}
h2 {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#000000;
}
h3 {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:10px;
	text-align:left;
	color:#000000;
}


#Btn_feuilletage {
	float:left;
position:relative;
top:40px;
left:100px;
width:130px;
height:60px;
}
#Btn_telecharge {
	float:right;
position:relative;
top:40px;
left:-100px;
width:130px;
height:60px;
}


#tchat {
background-image:url(image/conversation.png);
float:right;
position:relative;
top:60px;
left:-750px;
width:230px;
height:400px;
}
#converseur {
position:relative;
top:115px;	
}