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


/**** CONTENEURS GLOBAUX ****/

body {
   background-color: #FFF;  
   margin: 0 auto;
}

#global {
	width: 100%;
	height: 600px;
	margin: -300px auto 0 auto;
	position: absolute;
	top: 50%;
}

#site {
	width: 980px;
	height: 600px;
	position: relative;
	background: #FFF;
	margin: 0 auto;
	border: 1px solid #6F6F6F;
	padding: 0;
}
	
#header {
	width: 980px;
	height: 103px;
	position: relative;
	background: #FFF url(images/habillage/fond-header.png) no-repeat;
	margin: 0;
	padding: 0;
}

#footer {
	width: 980px;
	height: 97px;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: #ECECEC url(images/habillage/fond-footer.gif) repeat-x;
	z-index: 1;
}

#menu {
	width: 230px;
	height: 400px;
	float: left;
	background: #DB071C url(images/habillage/fond-menu.jpg) no-repeat bottom;
	margin: 0;
	padding: 0;
	color: #FFF;
}

#deroulant {
	position: absolute;
	top: 36px;
	right: 20px;
	z-index: 3;
	margin: 0;
	padding: 0;
}

#contenu {
	width: 750px;
	height: 400px;
	float: left;
	background: #FFF url(images/habillage/fond-contenu.gif) no-repeat bottom;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	z-index: 1;
}

#logo {
	position: absolute;
	bottom: 31px;
	right: 0;
	z-index: 2;
	margin: 0;
	padding: 0;
}


/**** MENU DU SITE ****/

#menu h1 {
	display: block;
	width: 230px;
	height: 24px;
	background-image: url(images/navigation/titre-smt.gif);
	text-indent: -3000px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#menu ul {
	list-style-type: none;
	display: inline;
	padding: 0;
	float: left;
	width: 140px;
	height: 204px;
	margin: 20px 0 0 3px;
	background-image: url(images/navigation/menu.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	overflow: hidden;
		}
	
#menu li {
	display: block;
	float: left;
	width: 140px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -5500px;
}

#menu li a:hover {
	background-image: url(images/navigation/menu.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#menu li a {
	float: left;
	width: 140px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -5500px;
}

#menu li a#menu1:hover {
	background-position: -140px 0;
}

#menu li a#menu2:hover {
	background-position: -140px -34px;
}

#menu li a#menu3:hover {
	background-position: -140px -68px;
}

#menu li a#menu4:hover {
	background-position: -140px -102px;
}

#menu li a#menu5:hover {
	background-position: -140px -136px;
}

#menu li a#menu6:hover {
	background-position: -140px -170px;
}


/**** HEADER ****/

#header h1 a {
	display: block;
	width: 165px;
	height: 65px;
	float: left;
	text-indent: -3000px;
	line-height: 0;
	margin: 38px 0 0 15px;
	padding: 0;
}

#header h1 {
	margin: 0;
}

#header ul {
	list-style-type: none;
	padding: 0;
	float: right;
	width: 112px;
	height: 16px;
	margin: 12px 80px 0 0;
	background-image: url(images/navigation/drapeaux-uk.gif);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	display: inline;
	}
	
#header li {
	display: block;
	float: left;
	width: 23px;
	height: 16px;
	margin: 0 5px 0 0;
	text-indent: -4000px;
	padding: 0;
}

#header li a {
	float: left;
	width: 23px;
	height: 16px;
	text-indent: -4000px;
}

#header li a:hover {
	background-image: url(images/navigation/drapeaux-fr.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#header li a#fr:hover {
	background-position: 0 -16px;
}

#header li a#it:hover {
	background-position: -28px -16px;
}

#header li a#en:hover {
	background-position: -56px -16px;
}

#header li a#ru:hover {
	background-position: -84px -16px;
}

/**** FOOTER ****/

#footer img {
	margin: 10px 0 0 20px;
	float: left;
	-display: inline;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 133px;
	height: 18px;
	margin: 14px 69px 0 0;
	background-image: url(images/navigation/contact-clients.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: inline;
	overflow: hidden;
}
	
#footer li {
	display: inline;
}

#footer a {
	display: block;
	float: left;
	height: 18px;
	text-indent: -4000px;
}

a#contact1 {
	width: 69px;
}

a#contact2 {
	width: 64px;
}


/**** PARTIE CENTRALE ****/

#contenu h2 {
	display: block;
	width: 750px;
	height: 24px;
	text-indent: -3000px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.h2accueil {
	background-image: url(images/navigation/titre-accueil.gif);
}

.h2demenagement {
	background-image: url(images/navigation/titre-demenagement.gif);
}

.h2gardemeuble {
	background-image: url(images/navigation/titre-gardemeuble.gif);
}

.h2emballage {
	background-image: url(images/navigation/titre-emballage.gif);
}

.h2archivage {
	background-image: url(images/navigation/titre-archivage.gif);
}

.h2douane {
	background-image: url(images/navigation/titre-douane.gif);
}

.h2transport {
	background-image: url(images/navigation/titre-transport.gif);
}

.h2contact {
	background-image: url(images/navigation/titre-contact.gif);
}

.slide {
	display: block;
	width: 450px;
	height: 300px;
	float: left;
	margin: 22px 20px 0 27px;
	padding: 0;
}

.texte {
	display: block;
	width: 200px;
	height: 300px;
	float: left;
	margin: 22px 0 0 0;
}

.texte img {
	border: 0;
}